Untitled

mail@pastecode.io avatar
unknown
html
a year ago
21 kB
7
Indexable
Never
    <form action="" method="post" id="form3A">
                    <input type="hidden" name="type" id="typeInput" value="Form 3A">
                    <div class="row mt-3">
                        <div class="col-lg-4">
                            <div class="mb-1 position-relative" id="3adateInputpicker">
                                <label class="form-label">Date</label>
                                <input type="text" data-date-autoclose="true" class="form-control" id="3adate"
                                    name="3adate" data-provide="datepicker" data-date-format="MM dd, yyyy"
                                    data-date-container="#3adateInputpicker" required>
                            </div>


                        </div>
                        <div class="col-lg-4">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Page Number</label>
                                <input type="number" name="3apagenum" id="3apagenum" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Book Number</label>
                                <input type="number" name="3abooknum" id="3abooknum" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Groom Name</label>
                                <input type="text" name="3agroomname" id="3agroomname" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Bride Name</label>
                                <input type="text" name="3abridename" id="3abridename" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Groom Age</label>
                                <input type="text" name="3agroomage" id="3agroomage" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Bride Age</label>
                                <input type="text" name="3abrideage" id="3abrideage" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Groom Citizenship</label>
                                <input type="text" name="3agroomcitizen" id="3agroomcitizen" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Bride Citizenship</label>
                                <input type="text" name="3abridecitizen" id="3abridecitizen" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Groom Civil Status</label>
                                <input type="text" name="3agroomcivil" id="3agroomcivil" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Bride Civil Status</label>
                                <input type="text" name="3abridecivil" id="3abridecivil" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Groom's Mother</label>
                                <input type="text" name="3agroommother" id="3agroommother" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Bride's Mother</label>
                                <input type="text" name="3abridemother" id="3abridemother" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Groom's Father</label>
                                <input type="text" name="3agroomfather" id="3agroomfather" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Bride's Father</label>
                                <input type="text" name="3abridefather" id="3abridefather" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Registry Number</label>
                                <input type="text" name="3aregistrynum" id="3aregistrynum" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1 position-relative" id="3adateInputpickerreg">
                                <label class="form-label">Date of Registration</label>
                                <input type="text" data-date-autoclose="true" class="form-control" id="3adatereg"
                                    name="3adatereg" data-provide="datepicker" data-date-format="MM dd, yyyy"
                                    data-date-container="#3adateInputpickerreg" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1 position-relative" id="3adateInputpickermar">
                                <label class="form-label">Date of Marriage</label>
                                <input type="text" data-date-autoclose="true" class="form-control" id="3adatemarriage"
                                    name="3adatemarriage" data-provide="datepicker" data-date-format="MM dd, yyyy"
                                    data-date-container="#3adateInputpickermar" required>
                            </div>


                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="simpleinput" class="form-label">Place of Marriage</label>
                                <input type="text" name="3aplacemarriage" id="3aplacemarriage" class="form-control">
                            </div>
                        </div>
                    </div>
                    <!-- new -->

                    <div class="row justify-content-center">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="3aissued" class="form-label">Issued To</label>
                                <input type="text" id="3aissued" name="3aissued" onchange="handleChange()"
                                    class="form-control capslockview" required>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-md-10">
                            <div class="mb-3">
                                <label for="3aremarks" class="form-label">Remarks</label>
                                <textarea class="form-control" id="3aremarks" name="3aremarks" rows="3"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="mb-1">
                                <label for="amountPaidInput3a" class="form-label">Amount Paid</label>
                                <input type="text" id="amountPaidInput3a" name="amountPaidInput3a" class="form-control"
                                    required>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div class="mb-1">
                                <label for="3aorNumber" class="form-label">O.R. Number</label>
                                <input type="text" id="3aorNumber" name="3aorNumber" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="mb-1 position-relative" id="3adatePaidInputpicker">
                                <label class="form-label">Date Paid</label>
                                <input type="text" data-date-autoclose="true" class="form-control" id="3adatePaid"
                                    name="3adatePaid" data-provide="datepicker" data-date-format="MM dd, yyyy"
                                    data-date-container="#3adatePaidInputpicker" required>
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="3averify" class="form-label">Verified By</label>
                                <input type="text" id="3averify" name="3averify"
                                    value="<?php echo $userData['verified'];  ?>"
                                    oninput="this.value = this.value.toUpperCase()" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mb-1">
                                <label for="3amcr" class="form-label">Municipal Civil Registrar</label>
                                <input type="text" id="3amcr" name="3amcr"
                                    oninput="this.value = this.value.toUpperCase()" value="<?php echo $mcrValueString; ?>"
                                    class="form-control" required>
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-lg-6">

                            <div class="mb-1">
                                <label for="3adesignation" class="form-label">Designation</label>
                                <div class="dropdown">
                                    <select id="3adesignation" name="3adesignation" class="form-select" required>
                                        <option value="" selected disabled></option>
                                        <option value="Administrative Aide I" <?php
                                            if($userData['designation']=="Administrative Aide I" ) { echo "selected" ; }
                                            ?>
                                            >Administrative Aide I</option>
                                        <option value="Administrative Aide II" <?php
                                            if($userData['designation']=="Administrative Aide II" ) { echo "selected" ;
                                            } ?>
                                            >Administrative Aide II</option>
                                        <option value="Administrative Aide III" <?php
                                            if($userData['designation']=="Administrative Aide III" ) { echo "selected" ;
                                            } ?>
                                            >Administrative Aide III</option>
                                        <option value="Administrative Assistant I" <?php
                                            if($userData['designation']=="Administrative Assistant I" ) {
                                            echo "selected" ; } ?>>Administrative Assistant I</option>
                                        <option value="Others" <?php if($userData['designation']=="Others" ) {
                                            echo "selected" ; } ?>>Others</option>
                                    </select>
                                    <div class="row justify-content-center">
                                        <div class="col-md-10">
                                            <input type="text" value="<?php echo $userData['others'];  ?>"
                                                class="form-control" id="3acustomInput" name="3acustomInput"
                                                placeholder="Position" style="display: none; margin-top: 5px" />
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>
                    <div class="row justify-content-end" style="margin: 30px;">



                        <button class="buttonx" type="button" data-bs-dismiss="modal">
                            <i class="mdi mdi-cancel"></i>
                        </button>
                        <button class="button" type="submit">
                            Save →
                        </button>
                        <style>
                            .buttonx {
                                --font-color: #323232;
                                --bg-color: #fff;
                                --main-color: #323232;
                                width: 50px;
                                height: 40px;
                                border-radius: 5px;
                                border: 2px solid var(--main-color);
                                background-color: var(--bg-color);
                                box-shadow: 4px 4px var(--main-color);
                                font-size: 17px;
                                margin-right: 10px;
                                font-weight: 600;
                                color: var(--font-color);
                                cursor: pointer;
                            }

                            .buttonx:focus {

                                --bg-color: #fa5c7c;
                                background-color: var(--bg-color);
                                color: white;
                            }

                            .buttonx:hover {

                                --bg-color: #fa5c7c;
                                background-color: var(--bg-color);
                                color: white;
                            }

                            .buttonx:active {
                                box-shadow: 0px 0px var(--main-color);
                                transform: translate(3px, 3px);
                            }
                        </style>
                        <style>
                            .button {
                                --font-color: #323232;
                                --bg-color: #fff;
                                --main-color: #323232;
                                width: 120px;
                                height: 40px;
                                border-radius: 5px;
                                border: 2px solid var(--main-color);
                                background-color: var(--bg-color);
                                box-shadow: 4px 4px var(--main-color);
                                font-size: 17px;
                                font-weight: 600;
                                color: var(--font-color);
                                cursor: pointer;
                            }

                            .button:focus {

                                --bg-color: #0acf97;
                                background-color: var(--bg-color);
                                color: white;
                            }

                            .button:active {
                                box-shadow: 0px 0px var(--main-color);
                                transform: translate(3px, 3px);
                            }
                        </style>
                        <div class="mt-1">
                            <div class="form-check">
                                <input type="radio" id="saveoption3a" name="3aOptionRadio" class="form-check-input"
                                    value="1" <?php if ($userData['saveas']=='1' ) { echo 'checked' ; } ?>>
                                <label style=" -webkit-user-select: none; /* Safari */
                                -moz-user-select: none; /* Firefox */
                                -ms-user-select: none; /* IE10+/Edge */
                                user-select: none; /* Standard */
                                -webkit-touch-callout: none; /* Disable long press on mobile */
                                -khtml-user-select: none; /* Konqueror HTML */
                                -webkit-tap-highlight-color: transparent; /* Remove tap highlight color */"
                                    class="form-check-label" for="saveoption3a">Save to Database Only</label>
                            </div>
                            <div class="form-check">
                                <input type="radio" id="saveoption23a" name="3aOptionRadio" class="form-check-input"
                                    value="2" <?php if ($userData['saveas']=='2' ) { echo 'checked' ; } ?>>
                                <label style=" -webkit-user-select: none; /* Safari */
                                -moz-user-select: none; /* Firefox */
                                -ms-user-select: none; /* IE10+/Edge */
                                user-select: none; /* Standard */
                                -webkit-touch-callout: none; /* Disable long press on mobile */
                                -khtml-user-select: none; /* Konqueror HTML */
                                -webkit-tap-highlight-color: transparent; /* Remove tap highlight color */"
                                    class="form-check-label" for="saveoption23a">Save and Generate Document</label>
                                <br>
                                <br>
                                <br>

                                <p style="font-family: monospace; text-align: center; font-size: 15px">

                                    <?php
                                    if ($userData['folderpath'] == 'default' || $userData['folderpath'] == 'DEFAULT') {
                                        echo 'Filepath is set to (default) <br><span id="filepath" onclick="copyText()">C:\\Form Generated\\</span>';
                                    } else {
                                        echo 'Filepath is set to <br><span  id="filepath" onclick="copyText()">' . $userData['folderpath'] . '/</span>';
                                    }
                            ?>


                                </p>

                            </div>
                        </div>
                    </div>
                </form>