File manager

File manager - Edit - /home/autoph/public_html/data03252025consolidation/resources/views/employees/signup.php

Back
<?php include('cfg/db.php'); if(isset($_SESSION['user'])){ header('location:home.php'); } // else{ // if ((!isset($_SESSION['check_sso']) \|\| !$_SESSION['check_sso'])){ // $_SESSION['check_sso'] = true; // header('location: http://www.autohub.ph/connect/home/datacon_login.php'); // }else{ // $_SESSION['check_sso'] = false; // } // } $information_array = array(); $sign_up_query = $db -> return_result("SELECT title,content FROM `settings_legals` WHERE `name` = 'signup'"); foreach($sign_up_query as $data){ $information_array['title'] = $data['title']; $information_array['content'] = $data['content']; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> <?php echo $variable['site_name']; ?> \| Sign up</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"> <!-- 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"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <style> .form-div { margin-top: 100px; border: 1px solid #e0e0e0; } #profileDisplay { display: block; height: 160px; width: 160px; margin: 0px auto; border-radius: 50%; } .img-placeholder { width: 160px; color: white; height: 160px; background: black; 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; } body{ background-color: #e9ecef; } </style> </head> <style> .dropdown{ margin-bottom: .1rem; } .dropdown-input{ margin-bottom: .5rem; } </style> </head> <body class="hold-transition "> <div class="wrapper"> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="d-flex justify-content-center align-items-center"> <div class="col-md-6"> <div class="card card-outline card-primary"> <div class="card-header text-center"> <center><a href="home.php"><img class="brand-image img-circle elevation-3" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" width="130px" height="130px"></a></center> <a href="home.php" class="h1"><b></b> <?php /$pieces = explode(" ", $variable['site_name']); echo $pieces[1];/ echo "Connect"; ?></a> </div> <div class="card-body"> <div class="bs-stepper"> <div class="bs-stepper-header" role="tablist"> <!-- your steps here --> <div class="step" data-target="#logins-part"> <button type="button" class="step-trigger" role="tab" aria-controls="logins-part" id="logins-part-trigger"> <span class="bs-stepper-circle">1</span> <span class="bs-stepper-label">Step 1</span> </button> </div> <div class="line"></div> <div class="step" data-target="#information-part"> <button type="button" class="step-trigger" role="tab" aria-controls="information-part" id="information-part-trigger"> <span class="bs-stepper-circle">2</span> <span class="bs-stepper-label">Step 2</span> </button> </div> </div> <div class="bs-stepper-content"> <form id="signup_form" enctype="multipart/form-data"> <!-- your steps content here --> <div id="logins-part" class="content" role="tabpanel" aria-labelledby="logins-part-trigger"> <!-- <input type="email" name="email" class="is-invalid" id="exampleInputEmail1" placeholder="Enter email" aria-describedby="exampleInputEmail1-error" aria-invalid="true"> --> <div class="form-group text-center" style="position: relative;" hidden> <span class="img-div"> <div class="text-center img-placeholder" onClick="triggerClick()"> <h4>Select image</h4> </div> <img class="profile-user-img img-fluid img-circle" src="dist/img/default.png" onClick="triggerClick()" id="profileDisplay"> </span> <input accept=".png,.jpeg,.jpg" type="file" name="upload_picture" onChange="displayImage(this)" id="upload_picture" class="form-control" style="display: none;"> </div> <!-- <div class="input-group mb-2"> <div class="custom-file mr-2"> <input type="file" class="custom-file-input" id="upload_picture" name="upload_picture" accept=".png,.jpeg,.jpg" /> <label id="upload_picture_label" class="custom-file-label" for="upload_picture">Choose profile picture</label> </div> </div> --> <div class="form-group input-group mb-2"> <input type="text" name="employeeid" id="employeeid" class="form-control" placeholder="Employee ID" maxlength="15"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="form-group input-group mb-2"> <input type="text" name="firstname" id="firstname" class="form-control" placeholder="First name" maxlength="15"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="input-group mb-2" hidden> <input type="text" name="middlename" id="middlename" class="form-control" placeholder="Middle name" maxlength="15"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-user"></span> </div> </div> </div> <div class="input-group mb-2"> <input type="text" name="lastname" id="lastname" class="form-control" placeholder="Last name" maxlength="15"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <!-- select --> <div class="form-group dropdown-input mr-2" hidden> <label class="dropdown" hidden>Suffix name</label> <select name="suffixname" id="suffixname" class="form-control"> <option disabled selected>Extension name</option> <?php $suffix = $db -> return_result("SELECT `id`, `suffix_name` FROM `all_suffix` WHERE 1 ORDER BY `id` ASC"); //print_r($clients); foreach($suffix as $data){ echo "<option value='{$data['id']}'>".$data['suffix_name']."</option>"; } ?> </select> </div> <!-- select --> <div class="form-group dropdown-input mr-2 mb-1"> <label class="dropdown" hidden>Gender</label> <select name="gender" id="gender" class="form-control"> <option disabled selected>Select Gender</option> <?php $gender = $db -> return_result("SELECT `id`, `gender_name` FROM `all_gender` WHERE `status` = 1 ORDER by `gender_name` DESC"); //print_r($clients); foreach($gender as $data){ echo "<option value='{$data['id']}'>".$data['gender_name']."</option>"; } ?> </select> </div> <!-- Date --> <div class="form-group dropdown-input mb-2"> <label class="dropdown mb-0 mt-0">Date of birth:</label> <div class="input-group date" id="reservationdate" data-target-input="nearest"> <input name="birthday" id="birthday" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="form-control datetimepicker-input" data-target="#reservationdate" /> <div class="input-group-append" data-target="#reservationdate" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div><strong style="color:red;"></strong> </div> </div> <div class="input-group mb-2"> <div class="input-group-append"> <div class="input-group-text"> <span class="">+63</span> </div> </div> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" name="contactno" id="contactno" class="form-control" placeholder="10 Digit Mobile Number"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="text-right"> <span onclick="stepper.next()" href="#" class="btn btn-primary">Next</span> </div> </div> <div id="information-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger"> <div class="input-group mb-2"> <span id="validate-email" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:;">Use your autohubgroup.com email</span> <input type="text" name="email" id="email" class="form-control" placeholder="Email" maxlength="50"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-envelope"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="input-group mb-2" hidden> <input type="text" name="address" id="address" class="form-control" placeholder="Address" maxlength="100"> <div class="input-group-append"> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div><strong style="color:red;"></strong> </div> </div> <div class="form-group dropdown-input mr-2" id="state_div" hidden> <label class="dropdown" hidden>State</label> <select name="state" id="state" class="form-control select2" style="width: 100%;"> <option disabled selected>Select State</option> <?php $state = $db -> return_result("SELECT `provCode`,`provDesc` FROM `all_state` WHERE id != '0' ORDER by provDesc ASC"); //print_r($clients); foreach($state as $data){ echo "<option value='{$data['provCode']}'>".$data['provDesc']."</option>"; } ?> </select> </div> <div class="form-group dropdown-input mr-2" id="city_div" hidden> <label class="dropdown" hidden>City</label> <select name="city" id="city" class="form-control select2" style="width: 100%;"> </select> </div> <div class="form-group dropdown-input mr-2" id="company_div"> <label class="dropdown" hidden>Company</label> <select name="company" id="company" class="form-control select2" style="width: 100%;"> <option disabled selected>Select Company</option> <?php $company = $db -> return_result("SELECT sc.`id`, sc.`name` FROM `source_company` sc INNER JOIN source_company_dealer scd ON sc.id = scd.company_id WHERE sc.status = 1 AND scd.type = 1 GROUP BY id ORDER by sc.`name` ASC"); foreach($company as $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> <div class="form-group dropdown-input mr-2" id="dealer_div"> <label class="dropdown" hidden>Dealer</label> <select name="dealer" id="dealer" class="form-control select2" style="width: 100%;"> </select> </div> <div class="form-group dropdown-input mr-2" id="department_div" > <label class="dropdown" hidden>Department</label> <select name="department" id="department" class="form-control select2" style="width: 100%;"> <option disabled selected>Select Department</option> <?php $department = $db -> return_result("SELECT `id`, `department_name` FROM `employee_department` WHERE `status` = 1 ORDER by `department_name` ASC"); foreach($department as $data){ echo "<option value='{$data['id']}'>".$data['department_name']."</option>"; } ?> </select> </div> <div class="form-group dropdown-input mr-2" id="position_div" > <label class="dropdown" hidden>Position</label> <select name="position" id="position" class="form-control select2" style="width: 100%;"> </select> </div> <div class="input-group mb-2" hidden> <input type="text" name="username" id="username" class="form-control" placeholder="Username" maxlength="15"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <span id="pw-not-matched" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="password" id="password" class="form-control" placeholder="Password" maxlength="25"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="input-group mb-2"> <input type="password" minlength="6" name="cpassword" id="cpassword" class="form-control" placeholder="Retype password" maxlength="25"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="alert" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas"> </span> <span id="alert-message"></span></a> </div> <div class="row"> <div class="col-12"> <span id="agree-terms" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <div class="icheck-primary" id="agree-terms-div"> <input type="checkbox" name="agreeTerms" id="agreeTerms" value="agree"> <label for="agreeTerms"> I agree to the <a href="#" data-toggle="modal" data-target="#modal-lg">terms</a> </label> </div> </div> <!-- /.col --> <!-- /.col --> </div> <div class="text-right"> <span onclick="stepper.previous()" href="#" id="btn_previous" class="btn btn-primary">Previous</span> <!-- <button class="btn btn-primary" onclick="stepper.previous()">Previous</button> --> <button type="submit" name="submit" id="submit" class="btn btn-primary">Register</button> </div> </div> <div class="text-right mt-1"> <a href="signin.php" class="text-center text-right">I already have an account</a> </div> </form> <div class="modal fade" id="modal-lg"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"> <?php echo $information_array['title']; ?> </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <?php echo $information_array['content'] ?> </p> </div> <div class="modal-footer justify-content-between"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <div class="modal fade" id="modal-reg-success"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Registration Successful</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Account successfully created, Please wait to activate your account. </p> </div> <div class="modal-footer justify-content-between"> <a href="signin.php" class="text-center"><button type="button" class="btn btn-primary">Login Page</button></a> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> </div> </div> </div> </div> <!-- /.card --> </div> </div> </div> <!-- /.container-fluid --> </section> <!-- /.content --> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></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> <!-- 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> <!-- Page specific script --> <script> // BS-Stepper Init document.addEventListener('DOMContentLoaded', function() { window.stepper = new Stepper(document.querySelector('.bs-stepper')) }) $("#signup_form").submit(function(event) { // alert("sdas"); }); </script> <script> $("#signup_form").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg(); remove_form_invalid(); var employeeid = $.trim($("#employeeid").val()); var firstname = $.trim($("#firstname").val()); var lastname = $.trim($("#lastname").val()); var suffixname = $("#suffixname").val(); var gender = $("#gender").val(); var birthday = $.trim($("#birthday").val()); var contactno = $.trim($("#contactno").val()); var email = $.trim($("#email").val()); var address = $.trim($("#address").val()); var state = $("#state").val(); var city = $("#city").val(); var company = $("#company").val(); var dealer = $("#dealer").val(); var department = $("#department").val(); var position = $("#position").val(); var username = $.trim($("#username").val()); var password = $.trim($("#password").val()); var cpassword = $.trim($("#cpassword").val()); if (employeeid == '') { stepper.previous() $('#employeeid').addClass("is-invalid"); $("#employeeid").focus(); return; } if (firstname == '') { stepper.previous() $('#firstname').addClass("is-invalid"); $("#firstname").focus(); return; } if (lastname == '') { stepper.previous() $('#lastname').addClass("is-invalid"); $("#lastname").focus(); return; } // if(suffixname == null){ // $('#suffixname').addClass("is-invalid"); // $("#suffixname").focus(); // return; // } if (gender == null) { stepper.previous() $('#gender').addClass("is-invalid"); $("#gender").focus(); return; } if (birthday == '') { stepper.previous() $('#birthday').addClass("is-invalid"); $("#birthday").focus(); return; } if (contactno == '' \|\| contactno.length != 10) { stepper.previous() $('#contactno').addClass("is-invalid"); $("#contactno").focus(); return; } if (email == '') { stepper.next() $('#email').addClass("is-invalid"); $("#email").focus(); return; } if (!isEmail(email)) { stepper.next() $('#validate-email').fadeIn(); $('#validate-email').text('Use your autohubgroup.com email'); $('#email').addClass("is-invalid"); $("#email").focus(); return; } // if(address == ''){ // $('#address').addClass("is-invalid"); // $("#address").focus(); // return; // } // if(state == null){ // $('#state_div').css("border", "1px solid #dc3545"); // $("#state").focus(); // return; // } // if(city == null){ // $('#city_div').css("border", "1px solid #dc3545"); // $("#city").focus(); // return; // } if (company == null) { stepper.next() $('#company_div').css("border", "1px solid #dc3545"); $("#company").focus(); return; } if (dealer == null) { stepper.next() $('#dealer_div').css("border", "1px solid #dc3545"); $("#dealer").focus(); return; } if(department == null){ $('#department_div').css("border", "1px solid #dc3545"); $("#department").focus(); return; } if(position == null){ $('#position_div').css("border", "1px solid #dc3545"); $("#position").focus(); return; } // if(username == ''){ // $('#username').addClass("is-invalid"); // $("#username").focus(); // return; // } if (password == '') { stepper.next() $('#password').addClass("is-invalid"); $("#password").focus(); return; } if (cpassword == '') { stepper.next() $('#cpassword').addClass("is-invalid"); $("#cpassword").focus(); return; } if (password.length < 6 \|\| cpassword.length < 6) { stepper.next() $('#pw-not-matched').fadeIn(); $("#password").focus(); $('#pw-not-matched').text('Password must 6 character or above!'); return; } if (password !== cpassword) { stepper.next() $('#pw-not-matched').fadeIn(); $("#cpassword").focus(); $('#pw-not-matched').text('Password not matched!'); return; } if (!$('#agreeTerms').is(':checked')) { stepper.next() $('#agree-terms').fadeIn(); $("#agreeTerms").focus(); // $('#agree-terms-div').css("border", "1px solid #dc3545"); $('#agree-terms').text('Read the terms and condition.'); return; } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Creating account, please wait..."); $.ajax({ url: "app/employee/process_signup_v2.php", data: new FormData(this), type: "POST", dataType: 'json', contentType: false, cache: false, processData: false, beforeSend: function() { $("#btn_previous").css("pointer-events", "none"); $('#submit').attr('disabled', true); }, success: function(result) { console.log(result.status + " " + result.message); if (result.status != 1) { remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text(result.message); setTimeout(function() { $('#error-alert').fadeOut() }, 3000); } else { $('#error-alert').fadeOut(); remove_alert_bg(); stepper.previous() $('#modal-reg-success').modal('show'); $("#profileDisplay").attr("src", "dist/img/default.png"); $('#upload_picture').val('') $("#upload_picture_label").text("Choose profile picture"); $("#employeeid").val(''); $("#firstname").val(''); $("#middlename").val(''); $("#lastname").val(''); $("#suffixname").prop('selectedIndex', 0); $("#gender").prop('selectedIndex', 0); $("#birthday").val(''); $("#contactno").val(''); $("#email").val(''); $("#address").val(''); $("#state").val('Select State').change(); $("#city").val('Select City').change(); $("#company").val('Select Company').change(); $("#dealer").val('Select Dealer').change(); $("#department").val('Select Department').change(); $("#position").val('Select Position').change(); $("#username").val(''); $("#password").val(''); $("#cpassword").val(''); $("#agreeTerms").prop('checked', false); // $('#error-icon').addClass("fa-check"); // $('#error-alert').addClass("alert-success"); // $('#alert-message').text(result.message); // setTimeout(function () { // window.location.assign("signin.php"); // }, 5000); // setTimeout(function () { $('#error-alert').fadeOut()}, 3000); } $("#btn_previous").css("pointer-events", "auto"); $('#submit').attr('disabled', false); }, error: handleError }); }); function handleError(xhr, status, error) { remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Error occurred, Try again."); $("#btn_previous").css("pointer-events", "auto"); $('#submit').attr('disabled', false); } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(autohubgroup.com)+$/; return regex.test(email); } function remove_alert_bg() { $('#pw-not-matched').fadeOut(); $('#agree-terms').fadeOut(); // $('#validate-email').fadeOut(); $('#error-alert').removeClass("alert-success"); $('#error-alert').removeClass("alert-danger"); $('#error-alert').removeClass("alert-info"); $('#error-icon').removeClass("fa-check"); $('#error-icon').removeClass("fa-info"); $('#error-icon').removeClass("fa-ban"); } function remove_form_invalid() { $('#employeeid').removeClass("is-invalid"); $('#firstname').removeClass("is-invalid"); $('#lastname').removeClass("is-invalid"); $('#suffixname').removeClass("is-invalid"); $('#gender').removeClass("is-invalid"); $('#birthday').removeClass("is-invalid"); $('#contactno').removeClass("is-invalid"); $('#email').removeClass("is-invalid"); $('#address').removeClass("is-invalid"); $('#state_div').css("border", ""); $('#city_div').css("border", ""); $('#company_div').css("border", ""); $('#dealer_div').css("border", ""); $('#department_div').css("border", ""); $('#position_div').css("border", ""); $('#username').removeClass("is-invalid"); $('#password').removeClass("is-invalid"); $('#cpassword').removeClass("is-invalid"); $('#agree-terms-div').css("border", ""); } </script> <!-- GET POSITIONS --> <script> $(document).ready(function() { var department_id = $("#department").val(); $.ajax({ url: "app/misc/get_position.php", method: "POST", data: { department_id: department_id }, cache: false, beforeSend: function() { $('#position').attr('disabled', true); }, success: function(data) { $("#position").html('<option disabled selected>Select Position</option>' + data); $('#position').attr('disabled', false); } }) }); </script> <script> $(document).ready(function() { $('#department').on('change', function(event) { event.preventDefault(); var department_id = this.value; $.ajax({ url: "app/misc/get_position.php", method: "POST", data: { department_id: department_id }, cache: false, beforeSend: function() { $('#position').attr('disabled', true); }, success: function(data) { $("#position").html( '<option disabled selected>Select Position</option>' + data ); $('#position').attr('disabled', false); } }) }); }); </script> <!-- GET City List --> <script> $(document).ready(function() { //console.log($("#state").val()); var state_id = $("#state").val(); $.ajax({ url: "app/misc/get_city.php", method: "POST", data: { state_id: state_id }, cache: false, beforeSend: function() { $('#city').attr('disabled', true); }, success: function(data) { $("#city").html('<option disabled selected>Select City</option>' + data); $('#city').attr('disabled', false); } }) }); </script> <script> $(document).ready(function() { $('#state').on('change', function(event) { event.preventDefault(); var state_id = this.value; $.ajax({ url: "app/misc/get_city.php", method: "POST", data: { state_id: state_id }, cache: false, beforeSend: function() { $('#city').attr('disabled', true); }, success: function(data) { $("#city").html('<option disabled selected>Select City</option>' + data); $('#city').attr('disabled', false); } }) }); }); </script> <!-- GET DEALERS --> <!-- GET POSITIONS --> <script> $(document).ready(function() { var company_id = $("#company").val(); $.ajax({ url: "app/misc/get_dealer.php", method: "POST", data: { company_id: company_id, type: 0 }, cache: false, beforeSend: function() { $('#dealer').attr('disabled', true); }, success: function(data) { $("#dealer").html('<option disabled selected>Select Dealer</option>' + data); $('#dealer').attr('disabled', false); } }) }); </script> <script> $(document).ready(function() { $('#company').on('change', function(event) { event.preventDefault(); var company_id = this.value; $.ajax({ url: "app/misc/get_dealer.php", method: "POST", data: { company_id: company_id, type: 0 }, cache: false, beforeSend: function() { $('#dealer').attr('disabled', true); }, success: function(data) { $("#dealer").html( '<option disabled selected>Select Dealer</option>' + data); $('#dealer').attr('disabled', false); } }) }); }); </script> <script> $(function() { bsCustomFileInput.init(); }); </script> <script> $(function() { $('.select2').select2() //Date range picker $('#reservationdate').datetimepicker({ format: 'L' }); //Datemask2 mm/dd/yyyy $('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' }) //Money Euro $('[data-mask]').inputmask() }) </script> <script> function triggerClick(e) { document.querySelector('#upload_picture').click(); } function displayImage(e) { if (e.files[0]) { var reader = new FileReader(); reader.onload = function(e) { document.querySelector('#profileDisplay').setAttribute('src', e.target.result); } reader.readAsDataURL(e.files[0]); } } </script> <script> $(document).on("wheel", "input[type=number]", function(e) { $(this).blur(); }); </script> </body> </html>

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