File manager

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

Back
<?php include_once dirname(__FILE__) . '../../../../../cfg/db.php'; ?> <div class="modal fade" id="modal-vehicle" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitleCenter" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title-vehicle" id="exampleModalCenterTitleCenter"><span id="modal-title-vehicle">Service</span></h5> <div class="fas fa-2x fa-sync-alt fa-spin vehicle-modal-overlay" style="display: none;"> </div> <!-- <a href="#" class="close" data-dismiss="modal" aria-label="close">×</a> --> <!-- <button id="close-button-vehicle" type="button" class="close" aria-label="Close"> --> <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 vehicle-modal-overlay" style="display: none;"> </div> <div class="card-body pb-0 pt-0 pl-0 pr-0 mt-0 mb-0 ml-0 mr-0" id="vehicle-grid" style="padding: .50rem"> <!-- ./nav bar --> <div id="app-vehicle" 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 vehicle-modal-tab" id="vehicle-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="vehicle-service-modal-tab-information" data-toggle="pill" href="#vehicle-service-modal-information" role="tab" aria-controls="vehicle-service-modal-information" aria-selected="true">Service Information</a> </li> <!-- <li class="nav-item hideEl"> <a class="nav-link border-0 " id="vehicle-modal-tab-service-picture" data-toggle="pill" href="#vehicle-modal-service-picture" role="tab" aria-controls="vehicle-modal-service-picture" aria-selected="false"> Service Picture </a> </li> --> </ul> </div> </nav> </div> </div> <div class="tab-content" id="vehicle-modal-tab-content"> <div class="tab-pane fade show active" id="vehicle-service-modal-information" role="tabpanel" aria-labelledby="vehicle-service-modal-tab-information"> <fieldset class="card" id="sales-info-1" style="display: "> <!-- <legend>VEHICLE SALES INFO</legend> --> <div class="row"> <div class="col-sm-6"> <div id="service_plate_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Plate Number</label> <input type="text" maxlength="100" id="service_plate" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_cs_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">CS Number</label> <input type="text" maxlength="100" id="service_cs" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_ro_number_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">RO Number</label> <input type="text" maxlength="100" id="service_ro_number" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_ro_date_div" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">RO Date:</label> <div class=" edit-customer input-group date" id="service_ro_date_main_div" data-target-input="nearest"> <input name="service_ro_date" id="service_ro_date" json-modal-service="true" 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="#service_ro_date" style="height:31px; background-color: transparent;" /> <div class=" edit-customer input-group-append" data-target="#service_ro_date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> <div id="service_ro_amount_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">RO Amount</label> <input type="number" maxlength="100" id="service_ro_amount" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_discount_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Discount</label> <input type="number" maxlength="100" id="service_discount" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_insurance_amount_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Insurance Paid Account</label> <input type="number" maxlength="100" id="service_insurance_amount" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> </div> <div class="col-sm-6"> <div id="service_sa_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Service Advisor</label> <input type="text" maxlength="100" id="service_sa" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_start_date_div" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Start Date:</label> <div class=" edit-customer input-group date" id="service_start_date_main_div" data-target-input="nearest"> <input name="service_start_date" id="service_start_date" json-modal-service="true" 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="#service_start_date" style="height:31px; background-color: transparent;" /> <div class=" edit-customer input-group-append" data-target="#service_start_date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> <div id="service_end_date_div" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">End Date:</label> <div class=" edit-customer input-group date" id="service_end_date_main_div" data-target-input="nearest"> <input name="service_end_date" id="service_end_date" json-modal-service="true" 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="#service_end_date" style="height:31px; background-color: transparent;" /> <div class=" edit-customer input-group-append" data-target="#service_end_date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> <div id="service_mileage_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Mileage</label> <input type="number" maxlength="100" id="service_mileage" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_recommendation_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Recommendation</label> <textarea row="2" class="col-sm-12 form-control form-control-sm" json-modal-service="true" placeholder="" id="service_recommendation" ></textarea> </div> </div> <div id="service_notes_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Notes</label> <textarea row="2" class="col-sm-12 form-control form-control-sm" json-modal-service="true" placeholder="" id="service_notes" ></textarea> </div> </div> </div> </div> <!-- <hr> --> </fieldset> <fieldset class="card" id="vehicle-offered-section" style="display: "> <legend>SERVICE HISTORY</legend> <div class="table-responsive"> <table id="service-history-table" style="position: relative;" class="fixed-table-width table-bordered table-xs"> <thead> <tr> <th style="width: 195px;">Job Code</th> <th style="width: 195px;">Cause</th> <th style="width: 195px;">Correction</th> <th style="width: 195px;">Job Summary</th> <th style="width: 195px;">Amount</th> <th style="width: 80px;" class="text-center"> <button type="button" name="addRowVehicleOffered" id="addRowVehicleOffered" class="btn btn-success btn-xs add"> <span class="fas fa-plus"></span> </button> </th> </tr> </thead> <tbody id="brands-offered-list"> </tbody> </table> </div> <table id="brands-offered-list-clone" style="display: none"> <tbody id="brands-offered-list"> <tr> <td> <input type="text" id="field_one" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </td> <td> <input type="text" id="field_two" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </td> <td> <div class="input-group"> <input type="text" id="field_three" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </td> <td> <div class="input-group"> <input type="text" id="field_four" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </td> <td> <div class="input-group"> <input type="number" id="field_five" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </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 class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>DATA SOURCE <span style="color:red;"><strong></strong></span></legend> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">DMS</label> <!-- <span style="color:red;"><strong></strong></span> --> <select name="mod-dd-dms" id="mod-dd-dms" json-modal-service="true" class="modal-select2 edit-customer lbl-forms-sm form-control form-control-sm" style="width: 100%;"> <option></option> <?php $dms = $db -> return_result("SELECT `id`, `name` FROM `source_dms` WHERE status != 0 ORDER BY id ASC"); foreach($dms as $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Company</label> <!-- <span style="color:red;"><strong></strong></span> --> <select name="mod-dd-company" id="mod-dd-company" json-modal-service="true" class="modal-select2 edit-customer lbl-forms-sm form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Dealer</label> <!-- <span style="color:red;"><strong></strong></span> --> <select name="mod-dd-dealer" id="mod-dd-dealer" json-modal-service="true" class="modal-select2 edit-customer lbl-forms-sm form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> </div> </div> </fieldset> </div> </div> </div> <div class="tab-pane fade" id="vehicle-modal-service-picture" role="tabpanel" aria-labelledby="vehicle-modal-tab-service-picture"> <div class="row"> <div class="col-sm-12"> <form action="" class="dropzone dz-clickable" id="upload-sales-photo"> <div class="dz-message d-flex flex-column"> <i class="fa fa-cloud-upload-alt"></i> <strong> Drag & Drop here or click </strong> </div> </form> </div> </div> </div> </div> <div class="overlay" id="vehicle-loader" style="display: none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message"> Loading, please wait...</span></strong> </div> </div> </div> <!--modal body--> <div class="modal-footer"> <button id="proceed-button-vehicle" type="button" class="btn btn-success btn-sm swalDefaultSuccess"><span>Save Information</span></button> </div> </div> <!--modal content--> </div> </div>

| ver. 1.4 | . | PHP 7.3.33 | Generation time: 0.01 | proxy | phpinfo | Settings