File manager

File manager - Edit - /home/autoph/public_html/connectv1/resources/views/vehicles/vehicle.php

Back
<?php include_once('cfg/db.php'); // include('app/security/security.php'); include_once("api/controllers/utility.php"); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['2']['4']) && in_array("1", $global_action_permissions['2']['4']))){ header('location:signin.php'); } // echo $_SERVER['HTTP_REFERER']; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; // $isRoNumberSet = 0; // $isPlateCsIsSet = 0; // $isOrderNumberSet = 0; // $plate_number = ""; // $cs_number = ""; // $vehicle_id = ""; // $vehicle_customer_id = ""; // if(isset($_GET['vehicle'])){ // $table = $_GET['vehicle']; // } else { // $table = "true"; // } // if($table == "true"){ // $isPlateCsIsSet = 0; // } else { // if((isset($_GET['plate_number']) && isNotEmpty($_GET['plate_number'])) \|\| (isset($_GET['cs_number']) && isNotEmpty($_GET['cs_number']))){ // $plate_number = $db->escape(trim($_GET['plate_number'])); // $cs_number = $db->escape(trim($_GET['cs_number'])); // $vehicle_id = $db->escape(trim($_GET['vehicle_id'])); // $vehicle_customer_id = $db->escape(trim($_GET['vehicle_customer_id'])); // $isPlateCsIsSet = 1; // } else if((isset($_GET['order_number'])) && (isNotEmpty($_GET['order_number']))){ // $isPlateCsIsSet = 1; // } // } // function isNotEmpty($data){ // return preg_match('/\S/', $data); // } ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| Vehicles</title> <!-- Google Font: Source Sans Pro --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"> <!-- Font Awesome --> <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Color Picker --> <link rel="stylesheet" href="plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Bootstrap4 Duallistbox --> <link rel="stylesheet" href="plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css"> <!-- BS Stepper --> <!-- <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> --> <!-- dropzonejs --> <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> <!-- <link rel="stylesheet" href="dist/css/dropzone.css"> --> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- dropzonejs --> <!-- <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> --> <style> /* Just add this CSS to your project / .dropzone { border: 2px dashed #3b9aff; border-radius: 5px; justify-content: center; background: #f5f5f5; } .dropzone i { font-size: 5rem; } .dropzone .dz-message { color: rgba(0, 0, 0, .54); font-weight: 500; font-size: initial; text-transform: uppercase; } .dropzone-image-preview { height: unset; width: 100%; } #vehicle-modal-tab .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } #vehicle-modal-tab-sale .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } .big-letter { text-transform: uppercase; } .profile-user-img { display: block; height: 160px; width: 160px; margin: 0px auto; border-radius: 50%; } #customer-modal-tab .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } .custom-badge { padding: .30em .4em; position: absolute; top: 9px; font-weight: 500; line-height: 0.6; } #children-list-table .bootstrap-datetimepicker-widget { position: relative !important; / height: 200px; / top: 0px !important; } .fixed-table-width { table-layout: fixed; width: 100px; } .fixed-table-width td { / border: 1px solid green; / overflow: hidden; } / Chrome, Safari, Edge, Opera / input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } / Firefox / input[type=number] { -moz-appearance: textfield; } .no-border-card { box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, 0); } .badge { font-size: 85%; } table.fixed { table-layout: fixed; } table.fixed td { overflow: hidden; } .hidden { display: none; } .btnRemove { display: visible; } table { cursor: pointer; } table th { cursor: default; } .form-div { margin-top: 100px; border: 1px solid #e0e0e0; } #profileDisplay { display: block; height: 160px; width: 160px; margin: 0px auto; border-radius: 50%; } .blue-color { color: blue; } .tab1 { tab-size: 4; } .img-placeholder { width: 160px; color: white; height: 160px; background: none; opacity: .7; border-radius: 50%; z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); display: none; } .img-placeholder h4 { margin-top: 40%; color: white; } .img-div:hover .img-placeholder { display: block; cursor: pointer; } fieldset { margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 1px solid gray; border-radius: 3%; } legend { font-size: 16px; font-weight: bold; color: blue; } .lbl { font-size: 90%; font-weight: normal !important; } .input { font-size: 90%; font-weight: normal !important; background-color: white !important; } .lbl-forms { font-size: 90%; font-weight: bold; } .lbl-forms-sm { font-size: 90%; height: 28px !important; } .input-forms { font-size: 95%; font-weight: normal !important; background-color: white !important; } .span-labels { font-size: 90%; font-style: italic; } .span-values { font-size: 90%; } table { font-size: 90%; } .list-group-item { padding: .25rem .50rem; } .edit-customer { height: 70%; } #vehicle-table.loading tbody { position: relative; } #vehicle-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); */ background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" class="wrapper"> <!-- Preloader --> <div class="preloader flex-column justify-content-center align-items-center" hidden> <img class="animation__shake" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" height="6 0" width="60"> </div> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header"> <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1>Vehicles</h1> --> <!-- </div> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="home.php">Home</a></li> <li class="breadcrumb-item active">Vehicles</li> </ol> </div> </div> --> <!-- </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="vehicle_table_list" class="card card-primary" style="display: "> <div class="card-header"> <h3 class="card-title">Vehicles</h3> </div> <div class="card"> <div class="card-body"> <!-- SHORT SUMMARY AND ACTION --> <div class="row mb-2"> <div class="col-6"> <?php if((isset($global_action_permissions['2']['4']) && in_array("2", $global_action_permissions['2']['4']))){ ?> <input type="button" style="display:;" id="customer-vehicle-button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> <?php } ?> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db -> return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach($company as $data){ if($dashboard_filter && $dashboard_type == '1'){ if($data['name'] == $dashboard_value){ echo "<option value='{$data['id']}' selected>".$data['name']."</option>"; }else{ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } }else{ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db -> return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (".$granted_company_ids.") ORDER BY code ASC"); foreach($company as $data){ if($dashboard_filter && $dashboard_type == '5'){ if($data['code'] == $dashboard_value){ echo "<option value='{$data['id']}' selected>".$data['code']."</option>"; }else{ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } }else{ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="vehicle-actions" id="vehicle-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $vehicle_actions_menu = array("all","new","updated","added"); foreach($vehicle_actions_menu as $menu){ echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <hr> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Vehicles Summary</h4> </div> --> <div id="vehicle_action_all" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"><i class="fa fa-car"></i></span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_new" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">New </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="new_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_updated" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="updated_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- <div class="row mbot15"> <div class="col-md-12"> <h4 class="no-margin">Vehicle Summary</h4> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="total_vehicle_count">0</span> </h3> <span class="text-dark">Total Vehicles</span> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="new_vehicle_count">0</span> </h3> <span class="text-info">New Vehicles</span> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="updated_vehicle_count">0</span> </h3> <span class="text-success">Updated Vehicles</span> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="new_today_vehicle_count">0</span> </h3> <span class="">Added Today</span> </div> </div> --> <!-- <hr class="mb-1"> --> <!-- SHORT SUMMARY AND ACTION --> <div> <!-- <table id="vehicle-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="true" data-show-refresh="true" data-show-toggle="false" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-side-pagination="server" data-page-list="[10, 25, 50, 100]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParams" data-click-to-select="true"> --> <table id="vehicle-table" data-search="true" data-show-refresh="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="brand">Brand</th> <th data-formatter="checkIfEmpty" data-field="model">Model</th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS Number</th> <th data-formatter="checkIfEmpty" data-field="plate_number"> Plate Number</th> <th data-formatter="checkIfEmpty" data-field="customer_name_id"> Customer Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> </div> <!--card-body--> </div> <!--card--> </div> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> <div id="vehicle_form"> </div> <?php // include 'include/components/vehicle/modal/sale_form.php'; // include 'include/components/customer/modal/vehicle_form.php'; ?> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- Bootstrap4 Duallistbox --> <!-- <script src="plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script> --> <!-- InputMask --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/inputmask/jquery.inputmask.min.js"></script> <!-- date-range-picker --> <script src="plugins/daterangepicker/daterangepicker.js"></script> <script src="plugins/moment/moment.min.js"></script> <!-- bootstrap color picker --> <!-- <script src="plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script> --> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Bootstrap Switch --> <!-- <script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script> --> <!-- BS-Stepper --> <!-- <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- bs-custom-file-input --> <!-- <script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script> --> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- jquery-validation --> <!-- <script src="plugins/jquery-validation/jquery.validate.min.js"></script> <script src="plugins/jquery-validation/additional-methods.min.js"></script> --> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <script src="plugins/bootstrap-table/js/tableExport.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.min.js"></script> <script src="dist/js/jquery.balloon.min.js"></script> <script> //GLOBALS WITH PHP var location_url = '<?php echo $variable['site_link']?>'; var location_source = 'vehicle'; </script> <script src="dist/js/vehicle/vehicle.js"></script> <script type="text/javascript"> $(document).ready(function () { // Initialize daterangepicker with default options $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel', }, startDate: moment(), // Default start date endDate: moment(), // Default end date opens: "left", // Alignment of the dropdown ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); // Retrieve initialized daterangepicker's start and end dates // if ($('#filter-date').data('daterangepicker')) { // var start = $('#filter-date').data('daterangepicker').startDate; // var end = $('#filter-date').data('daterangepicker').endDate; // // Display default date range in the span // $('#filter-date span').html(start.format('MMMM DD, YYYY') + ' - ' + end.format('MMMM DD, YYYY')); // // Reset date range picker to specific dates // resetDateRangePicker(start, end); // } else { // console.error('Daterangepicker not initialized on #filter-date'); // } // // Function to reset the date range picker // function resetDateRangePicker(start, end) { // var datePicker = $('#filter-date').data('daterangepicker'); // if (datePicker) { // datePicker.setStartDate(start); // datePicker.setEndDate(end); // $('#filter-date span').html(start.format('MMMM DD, YYYY') + ' - ' + end.format('MMMM DD, YYYY')); // } else { // console.error('Daterangepicker not initialized. Cannot reset dates.'); // } // } // Clear the input field and span initially $('#filter-date').on('cancel.daterangepicker', function () { $(this).find('span').html(''); // Clear the span text }); // Add event listener to update span only when a range is selected $('#filter-date').on('apply.daterangepicker', function (ev, picker) { var start = picker.startDate.format('MMMM DD, YYYY'); var end = picker.endDate.format('MMMM DD, YYYY'); $(this).find('span').html(start + ' - ' + end); // Update the span with selected date range }); // Set the span to empty on page load $('#filter-date span').html(''); }); </script> </body> </html>

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