File manager

File manager - Edit - /home/autoph/public_html/data03252025consolidation/include/components/customer/modal/customer_form.php

Back
<!-- Modal --> <div class="modal fade" id="modal-customer" role="dialog" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document"> <div id="modal-customer-content" class="modal-content"> <div class="modal-header"> <h5 class="modal-title mr-2" id="exampleModalCenterTitle"><span id="modal-title"></span></h5> <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="card pb-0 pt-0 pl-0 pr-0 mt-0 mb-0 ml-0 mr-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay customer-modal-overlay"> <!-- <div class="fas fa-2x fa-sync-alt fa-spin" style="color:white;"> </div> <strong><span class="ml-2" style="color:white;"> Loading, please wait...</span></strong> --> </div> <div class="card-body pb-0 pt-0 pl-0 pr-0 mt-0 mb-0 ml-0 mr-0" id="customer-grid" style="padding: .50rem"> <!-- ./nav bar --> <div id="app" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 mt-0 mb-0 pt-0 pb-0" style="background-color: #ffffff;"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <!-- <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist" style="border-bottom: 0px solid #ffffff;"> --> <ul class="nav nav-tabs navbar-nav mr-auto customer-modal-tab" id="customer-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="customer-modal-tab-information" data-toggle="pill" href="#customer-modal-information" role="tab" aria-controls="customer-modal-information" aria-selected="true">Information</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="customer-modal-tab-contact" data-toggle="pill" href="#customer-modal-contact" role="tab" aria-controls="customer-modal-contact" aria-selected="false">Contact</a> </li> <li class="nav-item children-stepper"> <a class="nav-link border-0 " id="customer-modal-tab-children" data-toggle="pill" href="#customer-modal-children" role="tab" aria-controls="customer-modal-children" aria-selected="false">Family</a> </li> <li class="nav-item interest-stepper"> <a class="nav-link border-0" id="customer-modal-tab-interest" data-toggle="pill" href="#customer-modal-interest" role="tab" aria-controls="customer-modal-interest" aria-selected="false">Interest/Hobbies</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="customer-modal-tab-affiliations" data-toggle="pill" href="#customer-modal-affiliations" role="tab" aria-controls="customer-modal-affiliations" aria-selected="false">Affiliations</a> </li> </ul> </div> </nav> </div> <div class="tab-content" id="customer-modal-tab-content"> <div class="tab-pane fade show active" id="customer-modal-information" role="tabpanel" aria-labelledby="customer-modal-tab-information"> <fieldset class="card"> <!-- <legend>INFORMATION</legend> --> <div class="row"> <div id="div-mod-firstname" class="col-sm-4 "> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Firstname</label> <span style="color:red;"><strong></strong></span> <div class="input-group"> <input id="mod-firstname" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> </div> </div> </div> <div id="div-mod-middlename" class="col-sm-3"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Middlename</label> <input id="mod-middlename" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> </div> </div> <div id="div-mod-lastname" class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Lastname</label> <span style="color:red;"><strong></strong></span> <div class="input-group"> <input id="mod-lastname" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> </div> </div> </div> <div id="div-mod-suffix" class="col-sm-1"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Suffix</label> <select name="mod-dd-suffix" json-modal="true" id="mod-dd-suffix" class="edit-customer form-control form-control-sm" style="width: 100%;"> <?php $suffixes = $db->return_result("SELECT `id`, `suffix_name` FROM `all_suffix` ORDER BY id ASC"); foreach ($suffixes as $data) { echo "<option value='{$data['id']}'>" . $data['suffix_name'] . "</option>"; } ?> </select> </div> </div> <div id="div-corporation-name" class="col-sm-12"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Corporation Name</label> <span style="color:red;"><strong></strong></span> <div class="input-group"> <input id="mod-corporation-name" json-modal="true" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12" id="div-aha-status"> <div class="mb-1 form-group"> <div class="form-check"> <input id="aha-status" json-modal="true" value="0" class="form-check-input" type="checkbox"> <label class="lbl-forms mx-0 my-0 " for="aha-status">Registered in AHA</label> </div> </div> </div> </div> </fieldset> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>CUSTOMER INFORMATION</legend> <div class="row"> <div class="col-sm-6"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Customer Category</label> <select name="mod-dd-customer-category" json-modal="true" id="mod-dd-customer-category" class="edit-customer form-control form-control-sm" style="width: 100%;"> <?php $customer_categories = $db->return_result("SELECT id,name FROM `customer_category` WHERE status = 1 ORDER BY id,name ASC"); foreach ($customer_categories as $customer_category) { echo "<option value='{$customer_category['id']}'>" . $customer_category['name'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-12"> <div id="div-mod-birthdate" class="mb-1 form-group dropdown-input"> <label id="mod-birthdate-label" class="lbl-forms mx-0 my-0"></label> <div class="edit-customer input-group date" id="mod-birth-date" data-target-input="nearest"> <input name="mod-birthdate" json-modal="true" id="mod-birthdate" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm datetimepicker-input" data-target="#mod-birth-date" /> <div class="edit-customer input-group-append" data-target="#mod-birth-date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <div class="col-sm-12" id="div-mod-gender"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Gender</label> <select json-modal="true" name="mod-dd-gender" id="mod-dd-gender" class="edit-customer form-control form-control-md" style="width: 100%;"> <option></option> <?php $gender = $db->return_result("SELECT `id`, `gender_name` FROM `all_gender` WHERE status != 0 ORDER BY id ASC"); foreach ($gender as $data) { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-religion"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Religion</label> <select json-modal="true" name="mod-dd-religion" id="mod-dd-religion" class="edit-customer form-control" style="width: 100%;"> <option></option> <?php // $modal_religion = $db -> return_result("SELECT id,name FROM `source_religion` WHERE status = 1 ORDER BY name ASC"); // foreach($modal_religion as $data){ // echo "<option value='{$data['name']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-nationality"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Nationality</label> <select json-modal="true" name="mod-dd-nationality" id="mod-dd-nationality" class="edit-customer form-control " style="width: 100%;"> <option></option> <?php $nationality = $db->return_result("SELECT `num_code`, `nationality` FROM `all_countries` WHERE status != 0 AND num_code = '608' ORDER BY nationality ASC"); foreach ($nationality as $data) { echo "<option value='{$data['num_code']}'>" . $data['nationality'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-marital-status"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Marital Status</label> <select json-modal="true" name="mod-dd-marital-status" id="mod-dd-marital-status" class="edit-customer form-control" style="width: 100%;"> <option></option> <?php $nationality = $db->return_result("SELECT `id`, `name` FROM `all_marital_status` WHERE status != 0 ORDER BY id DESC"); foreach ($nationality as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-6"> <div class="col-sm-12" id="div-mod-business-company"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Business/Company Name</label> <!-- <input json-modal="true" id="mod-business-company" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> --> <select json-modal="true" name="mod-business-company" id="mod-business-company" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-12" id="div-mod-nature-of-business"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Nature of Work/Business</label> <select json-modal="true" name="mod-nature-of-business" id="mod-nature-of-business" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> <?php // $profession = $db -> return_result("SELECT `id`, `name` FROM `source_nature_of_business` WHERE status != 0 ORDER BY name ASC"); // foreach($profession as $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-profession"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Profession</label> <select json-modal="true" name="mod-dd-profession" id="mod-dd-profession" class="modal-select2 edit-customer form-control " style="width: 100%;"> <option></option> <?php // $profession = $db -> return_result("SELECT `id`, `name` FROM `source_profession` WHERE status != 0 ORDER BY name ASC"); // foreach($profession as $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-position"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Position</label> <input json-modal="true" id="mod-position" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </fieldset> </div> </div> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>DATA SOURCE <span style="color:red;"><strong></strong></span> </legend> <div class="table-responsive "> <table id="data-source-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 200px;">Customer No.</th> <th style="width: 260px;">DMS</th> <th style="width: 260px;">Company</th> <th style="width: 260px;">Dealer</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowDataSource" id="addRowDataSource" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="data-source-list"> </tbody> </table> </div> <table id="data-source-list-clone" style="display:none"> <tbody> <tr> <td> <div class="input-group"> <input type="text" maxlength="25" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="input-modal-customer-no" style="background-color: <?=$bgColor?>;" <?=$disabled?> /> </div> </td> <td> <select type="text" class="select-modal-dms form-control " id="select-modal-dms" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <option></option> <?php $dms = $db->return_result("SELECT `id`,`name` FROM `source_dms` WHERE status != '0' ORDER by name ASC"); foreach ($dms as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </td> <td> <select type="text" class="select-modal-company form-control " id="select-modal-company" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <option></option> </select> </td> <td> <select type="text" class="select-modal-dealer form-control " id="select-modal-dealer" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <option></option> </select> </td> <td class="text-center"><button type="button" class="btnRemoveDataSource btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> </div> </div> </div> <div class="tab-pane fade" id="customer-modal-contact" role="tabpanel" aria-labelledby="customer-modal-tab-contact"> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <!-- <legend>CONTACT</legend> --> <div class="row"> <div class="col-sm-6"> <div class="col-sm-12 mb-1" id="mod-preferred-moc-div"> <label class="lbl-forms mx-0 my-0">Preferred Mode of Contact</label> <select json-modal="true" name="mod-preferred-moc" id="mod-preferred-moc" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> </select> </div> <!--//MODIFY--> <div class="col-sm-12 mb-1" id="mod-contact-div"> <label class="lbl-forms mx-0 my-0">Mobile </label> <span style="color:red;"><strong></strong></span> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input json-modal="true" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="mod-contact" class="no-number-arrow edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile Number" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <!-- <button id="btn-add-mobile" class="btn btn-success btn-xs float-right"> + </button> --> <a class="text-success" id="btn-add-mobile" style="margin-top:3px;margin-left:2px;"><i class="fas fa-plus-circle"></i></a> </div> <input type="hidden" id="countInputMobile" > </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Landline</label> <input json-modal="true" id="mod-landline" type="number" maxlength="10" oninput="this.value=this.value.slice(0,this.maxLength)" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Business Phone</label> <input json-modal="true" id="mod-business-number" type="text" maxlength="13" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Home Phone</label> <input json-modal="true" id="mod-home-phone" type="text" maxlength="13" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0 "> <label class="lbl-forms mx-0 my-0">Email</label> <span style="color:red;"><strong></strong></span> <div class="input-group"> <input json-modal="true" id="mod-email" type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <a class="text-success" id="btn-add-email" style="margin-top:3px;margin-left:2px;"><i class="fas fa-plus-circle"></i></a> </div> </div> </div> <div id="email-add"></div> </div> <!--//END MODIFY--> <?php /* <div class="col-sm-12 mb-1" id="mod-contact-div"> <label class="lbl-forms mx-0 my-0">Mobile</label> <span style="color:red;"><strong></strong></span> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input json-modal="true" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="mod-contact" class="no-number-arrow edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile Number" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Landline</label> <input json-modal="true" id="mod-landline" type="number" maxlength="10" oninput="this.value=this.value.slice(0,this.maxLength)" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Other Mobile</label> <input json-modal="true" id="mod-other-mobile-number" type="tel" maxlength="13" oninput="this.value=this.value.slice(0,this.maxLength)" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0 "> <label class="lbl-forms mx-0 my-0">Email</label> <span style="color:red;"><strong></strong></span> <div class="input-group"> <input json-modal="true" id="mod-email" type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Other Email</label> <input json-modal="true" id="mod-other-email" type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Business Phone</label> <input json-modal="true" id="mod-business-number" type="text" maxlength="13" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Home Phone</label> <input json-modal="true" id="mod-home-phone" type="text" maxlength="13" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> /?> <div class="col-sm-6"> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Facebook </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text" style="width: 65px;"><span class="fab fa-facebook-f mr-2"></span>FB </div> </div> <input json-modal="true" id="mod-facebook" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Instagram </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text" style="width: 65px;"><span class="fab fa-instagram mr-2"></span>IG </div> </div> <input json-modal="true" id="mod-instagram" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Telegram </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text" style="width: 65px;"><span class="fab fa-telegram mr-2"></span>TG </div> </div> <input json-modal="true" id="mod-telegram" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Viber </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text"><span class="fab fa-viber"></span> </div> </div> <input json-modal="true" id="mod-viber" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Whatsapp </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text"><span class="fab fa-whatsapp"></span> </div> </div> <input json-modal="true" id="mod-whatsapp" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Website </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text"><span class="fas fa-globe"></span> </div> </div> <input json-modal="true" id="mod-website" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </div> </fieldset> </div> </div> <fieldset class="card" id="contact-person-section"> <legend>CONTACT PERSON</legend> <div class="table-responsive"> <table id="contact-person-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <!-- <thead> <tr> <th style="width: 130px;">Level</th> <th style="width: 750px;">School Name</th> <th style="width: 120px;">Year Graduated</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowEducationalBg" id="addRowEducationalBg" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="educational-bg-list"> </tbody> --> <thead> <tr> <th style="width: 520px;">Fullname</th> <!-- <th style="width: 260px;">Firstname</th> <th style="width: 260px;">Lastname</th> --> <th style="width: 260px;">Email</th> <th style="width: 200px;">Mobile</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowContactPerson" id="addRowContactPerson" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button></th> </tr> </thead> <tbody id="contact-person-list"> </tbody> </table> </div> <table id="contact-person-list-clone" style="display:none;"> <tbody> <tr> <td> <div class="input-group"> <input type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="modal-contact-person-fullname" style="background-color: transparent;"> <span style="color:red;"><strong></strong></span> </div> </td> <!-- <td> <div class="input-group"> <input type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="modal-contact-person-firstname" style="background-color: transparent;"> <span style="color:red;"><strong></strong></span> </div> </td> <td> <div class="input-group"> <input type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="modal-contact-person-lastname" style="background-color: transparent;"> <span style="color:red;"><strong></strong></span> </div> </td> --> <td> <input type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="modal-contact-person-email" style="background-color: transparent;"> </td> <td> <div class="input-group "> <div class=" edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="modal-contact-person-mobile" class="edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile" style="background-color: transparent;"> <!-- <span style="color:red;"><strong></strong></span> --> </div> </td> <td class="text-center"> <button type="button" class="btnRemoveContactPerson btn btn-danger btn-xs"><span class="fas fa-minus"></span> </button> </td> </tr> </tbody> </table> </fieldset> <fieldset class="card"> <legend>ADDRESS</legend> <div class="row"> <div class="col-sm-8"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Address 1</label> <span style="color:red;"><strong></strong></span> <input json-modal="true" id="mod-address-1" type="text" maxlength="200" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <!-- <div class="col-sm-3" hidden> <div class="form-group"> <label class="lbl-forms mx-0 my-0">State 1</label> <select name="mod-dd-state-1" id="mod-dd-state-1" class="select2 edit-customer form-control form-control-sm" style="width: 100%;"> <option value='-' selected> Select State</option> <?php // $state = $db -> return_result("SELECT `provCode`,`provDesc` FROM `all_state` WHERE id != '0' ORDER by provDesc ASC"); // foreach($state as $data){ // echo "<option value='{$data['provCode']}'>".$data['provDesc']."</option>"; // } ?> </select> </div> </div> --> <div class="col-sm-3"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">City 1</label> <span style="color:red;"><strong></strong></span> <!-- <input id="ind-dd-city-1" type="text" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> --> <select json-modal="true" name="mod-dd-city-1" id="mod-dd-city-1" class="modal-select2 edit-customer form-control " style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-1"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Postal 1</label> <input json-modal="true" id="mod-postal-1" type="number" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="10" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <hr class="mt-0 mb-0"> <div class="row"> <div class="col-sm-8"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Address 2</label> <input json-modal="true" id="mod-address-2" type="text" maxlength="200" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <!-- <div class="col-sm-3" hidden> <div class="form-group"> <label class="lbl-forms mx-0 my-0">State 2</label> <select name="mod-dd-state-2" id="mod-dd-state-2" class=" edit-customer form-control form-control-sm" style="width: 100%;"> <option value='-' selected> Select State</option> <?php // $state = $db -> return_result("SELECT `provCode`,`provDesc` FROM `all_state` WHERE id != '0' ORDER by provDesc ASC"); // foreach($state as $data){ // echo "<option value='{$data['provCode']}'>".$data['provDesc']."</option>"; // } ?> </select> </div> </div> --> <div class="col-sm-3"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">City 2</label> <!-- <input id="ind-edit-city-2" type="text" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> --> <select json-modal="true" name="mod-dd-city-2" id="mod-dd-city-2" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-1"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Postal 2</label> <input json-modal="true" id="mod-postal-2" type="number" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="10" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </fieldset> </div> <div class="tab-pane fade" id="customer-modal-children" role="tabpanel" aria-labelledby="customer-modal-tab-children"> <fieldset class="card" style="box-shadow: none;"> <div class="row"> <div id="div-mod-firstname" class="col-sm-4 "> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Spouse Name</label> <span style="color:red;"><strong></strong></span> <div class="input-group"> <input id="mod-spouse" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </div> <fieldset class="card" id="children-section"> <legend>CHILDREN</legend> <div class="table-responsive "> <table id="children-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 270px;">Firstname</th> <th style="width: 270px;">Lastname</th> <th style="width: 220px;">Birthday</th> <!-- <th>Email</th> --> <th style="width: 200px;">Mobile</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowChildren" id="addRowChildren" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button></th> </tr> </thead> <tbody id="children-list"> </tbody> </table> </div> <table id="children-list-clone" style="display:none;"> <tbody> <tr> <td> <div class="input-group"> <input type="text" maxlength="50" id="mod-children-firstname" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> <span style="color:red;"><strong></strong></span> <!-- <div style="height: 28px;" class="input-group-append" > <div class="input-group-text"></div> </div> --> </div> </td> <td> <div class="input-group"> <input type="text" maxlength="50" id="mod-children-lastname" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> <span style="color:red;"><strong></strong></span> </div> </td> <td> <div class="input-group date" id="mod-children-birthdate-div" data-target-input="nearest"> <input data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask id="mod-children-birthdate" type="text" class="edit-customer lbl-forms-sm form-control form-control-sm datetimepicker-input" data-target="" /> <div id="mod-children-birthdate-append" style="height: 28px;" class="input-group-append" data-target="" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> <span style="color:red;"><strong>*</strong></span> </div> </td> <td> <div class="input-group"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="mod-children-mobile" class="edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile" style="background-color: transparent;"> </div> </td> <td class="text-center"> <button type="button" class="btnRemoveChildren btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> </fieldset> </div> <div class="tab-pane fade" id="customer-modal-interest" role="tabpanel" aria-labelledby="customer-modal-tab-interest"> <fieldset class="card" style="box-shadow: none;"> <div class="table-responsive "> <table id="interest-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 490px;">Category</th> <th style="width: 490px;">Interest</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRow" id="addRow" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="interest-list"> </tbody> </table> </div> <table id="interest-list-clone" style="display:none"> <tbody> <tr> <td><select type="text" class="select-category form-control " id="select-category"> <option></option> <?php $customer_interest = $db->return_result("SELECT id,name FROM `customer_interest` WHERE status=1 ORDER BY name ASC"); foreach ($customer_interest as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </td> <td><select type="text" class="select-content form-control " id="select-content"> <option></option> </select> </td> <td class="text-center"><button type="button" class="btnRemove btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> </div> <div class="tab-pane fade" id="customer-modal-affiliations" role="tabpanel" aria-labelledby="customer-modal-tab-affiliations"> <fieldset class="card" style="box-shadow: none;"> <div class="table-responsive "> <table id="affiliations-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 490px;">Category</th> <th style="width: 490px;">Affiliations</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowAffiliations" id="addRowAffiliations" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="affiliations-list"> </tbody> </table> </div> <table id="affiliations-list-clone" style="display:none"> <tbody> <tr> <td><select type="text" class="select-category form-control " id="select-category-affiliations"> <option></option> <?php $customer_affiliations = $db->return_result("SELECT id,name FROM `customer_affiliations_category` WHERE status=1 ORDER BY name ASC"); foreach ($customer_affiliations as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </td> <td><select type="text" class="select-content form-control " id="select-content-affiliations"> <option></option> </select> </td> <td class="text-center"><button type="button" class="btnRemoveAffiliations btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> <!-- END OF NEW AFFILLUTAIONS --> </div> </div> <!-- ./nav bar --> </div> </div> </div> <div class="modal-footer"> <!-- <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button> --> <button id="proceed-button" type="button" class="btn btn-success btn-sm"><span></span></button> </div> </div> </div> </div> <!-- Modal -->

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0.42 | proxy | phpinfo | Settings