File manager

File manager - Edit - /home/autoph/public_html/connectv1/resources/views/employees/profile_home.php

Back
<?php include('cfg/db.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($_SESSION['user']['dealer']) && intval($_SESSION['user']['dealer']) !== 0)){ $company_dealer = "style='display:;'"; }else{ $company_dealer = "style='display:none;'"; } if(!(isset($_SESSION['user']['gender_id']) && intval($_SESSION['user']['gender_id']) !== 0)){ $gender_status = "style='display:;'"; }else{ $gender_status = "style='display:none;'"; } if(!(isset($_SESSION['user']['date_of_birth']) && ($_SESSION['user']['date_of_birth']) !== '')){ $dob_status = "style='display:;'"; }else{ $dob_status = "style='display:none;'"; } ?> <!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']; ?> \| Profile</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.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; } .no-border-card { box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, 0); } .img-div:hover .img-placeholder { display: block; cursor: pointer; } /* Clarence Design Needs / .lbl-forms-sm { font-size: 90%; } .list-group-item { padding: .25rem .50rem; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- Navbar --> <?php include('include/header_home.php'); ?> <!-- /.navbar --> <?php include('include/sidebar_home.php'); ?> <!-- 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>Profile</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">User Profile</li> </ol> </div> --> </div> </div><!-- /.container-fluid --> </section> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="card card-primary card-outline card-tabs no-border-card mb-0"> <div class="card-header p-0 pt-1 border-bottom-0"> <!-- <div id="app" class=" border-bottom"> --> <div id="app" class=""> <nav class="navbar navbar-expand-md navbar-light 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" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item "> <a class="nav-link active" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home" aria-selected="true">Information</a> </li> <li class="nav-item" id="customer-family-tab"> <a class="nav-link " id="custom-tabs-three-family-tab" data-toggle="pill" href="#custom-tabs-three-family" role="tab" aria-controls="custom-tabs-three-family" aria-selected="false">Password</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-hobbies-tab" data-toggle="pill" href="#custom-tabs-three-hobbies" role="tab" aria-controls="custom-tabs-three-hobbies" aria-selected="false">Affiliations</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-gallery-tab" data-toggle="pill" href="#custom-tabs-three-gallery" role="tab" aria-controls="custom-tabs-three-gallery" aria-selected="false">Gallery</a> </li> <li class="nav-item" id="customer-corporation_individuals-tab" hidden> <a class="nav-link" id="custom-tabs-three-individuals-tab" data-toggle="pill" href="#custom-tabs-three-individuals" role="tab" aria-controls="custom-tabs-three-individuals" aria-selected="false">Connected Individuals</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-profile-tab" data-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">Vehicles</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-messages-tab" data-toggle="pill" href="#custom-tabs-three-messages" role="tab" aria-controls="custom-tabs-three-messages" aria-selected="false">Service</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-settings-tab" data-toggle="pill" href="#custom-tabs-three-settings" role="tab" aria-controls="custom-tabs-three-settings" aria-selected="false">Sales</a> </li> </ul> <ul class="navbar-nav mt-1" id="customer-info-button"> <li class="nav-item" hidden> <input type="button" onclick="" style="width:65px;" class="btn btn-danger btn-sm" value="Remove" title="Remove Customer"></input> </li> </ul> </div> </nav> </div> </div> <div class="card-body" style="padding-top: 0.30rem;padding-right: .50rem;padding-left: .50rem;"> <div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-pane fade active show" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <div id="information-employee-side" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <form id="update_form" enctype="multipart/form-data"> <a data-toggle="lightbox" id="profileDisplay_pop"> <div class="form-group text-center" style="position: relative;"> <span class="img-div"> <div class="text-center img-placeholder" onClick="triggerClick()"> <h4>Update image</h4> </div> <img class="profile-user-img img-fluid img-circle" src="dist/img/<?php echo $_SESSION['user']['photo']; ?>" onClick="triggerClick()" id="profileDisplay"> </span> <input accept=".png,.jpeg,.jpg" type="file" name="upload_picture" onChange="displayImage(this)" id="upload_picture" class="form-control form-control-sm" style="display: none;"> </div> </a> <h3 class="profile-username text-center mb-1"> <?php $suffix = ""; if($_SESSION['user']['suffix_name'] != 'None'){ $suffix = $_SESSION['user']['suffix_name']; } echo $_SESSION['user']['first_name'].' '.$_SESSION['user']['middle_name'].' '.$_SESSION['user']['last_name'].' '.$suffix; ?> </h3> <p class="text-muted text-center mb-1" id="position-display"> <?php echo $_SESSION['user']['position_name']; ?> </p> <a class="email-click"> <p id="main_email" style="font-size: 14px; color:#007bff;" class="customer-data-side text-center"> <?php echo $_SESSION['user']['email_address']; ?> </p> </a> <ul class="list-group list-group-unbordered mb-3"> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Employee ID</strong> <span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_category"><a class=""><?php echo $_SESSION['user']['employee_id']; ?></a></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Username</strong> <span class="float-right">:</span></span> <span class="col-sm-7 lbl-forms-sm-customer-main" id="main_customer_status"> <a class=""><?php echo $_SESSION['user']['username']; ?></a></span> </div> </li> <!-- <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Email </strong><span class="float-right">:</span></span> <div style="word-wrap: break-word; width: 50%"> <a class="email2-click"><span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_email_2"><?php //echo $_SESSION['user']['email_address']; ?></span></a> </div> </div> </li> --> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Mobile </strong><span class="float-right">:</span></span> <a class="contact2-click"><span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_mobile_2">+63<?php echo $_SESSION['user']['contact_number']; ?></span></a> </div> </li> <li class="list-group-item" hidden> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Department </strong><span class="float-right">:</span></span> <a class="residential-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_home_mobile"> <?php echo $_SESSION['user']['department_name']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Company </strong><span class="float-right">:</span></span> <a class="residential-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="company_main"><?php echo $_SESSION['user']['company_code']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Dealer </strong><span class="float-right">:</span></span> <a class="business-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="dealer_main"><?php echo $_SESSION['user']['dealer_code']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Gender </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="gender_main"><?php echo $_SESSION['user']['gender_name']; ?></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Date of birth </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="dob_main"> <?php echo $_SESSION['user']['date_of_birth']; ?></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Date Registered </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_address_2"> <?php echo $_SESSION['user']['date_registered']; ?></span> </div> </li> </ul> <ul class="remove-list-space list-group list-group-unbordered" hidden> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Viber"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-viber fa-lg"></i> <span class=" col-sm-11 lbl-forms-sm-customer-main"><strong>Viber</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="viber-click"> <span id="main_viber" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Facebook"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-facebook-f fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Facebook</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="facebook-click"> <span id="main_facebook" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Instagram"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-instagram fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Instagram</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="instagram-click"> <span id="main_instagram" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Whatsapp"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-whatsapp fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Whatsapp</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="whatsapp-click"> <span id="main_whatsapp" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Telegram"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-telegram fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Telegram</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="telegram-click"> <span id="main_telegram" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Website"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fas fa-globe fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Website</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="website-click"> <span id="main_website_link" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> </ul> </div> <!-- NEW --> <!-- /.card-body --> </div> </div> <div class="col-md-8 d-flex align-items-stretch"> <div id="information-employee" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <div class="tab-content"> <div class="active tab-pane" id="information"> <span id="company_span" <?php echo $company_dealer; ?> ><strong>Company</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="company_div" <?php echo $company_dealer; ?> > <label class="dropdown" hidden>Company</label> <select name="company" id="company" class="form-control form-control-sm " style="width: 100%;"> <option value='0' selected> Select Company</option> <?php $company = $db -> return_result("SELECT sc.`id`,sc.code, 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['code'].' - '.$data['name']."</option>"; } ?> </select> </div> <span id="dealer_span" <?php echo $company_dealer; ?> ><strong>Dealer</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="dealer_div" <?php echo $company_dealer; ?> > <label class="dropdown" hidden>Dealer</label> <select name="dealer" id="dealer" class="form-control form-control-sm " style="width: 100%;"> </select> </div> <span id="gender_span" <?php echo $gender_status; ?>><strong>Gender</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="gender_div" <?php echo $gender_status; ?>> <label class="dropdown" hidden>Gender</label> <select name="gender" id="gender" class="form-control form-control-sm" style="width: 100%;"> <option value="0">Select Gender</option> <option value ="1">Male</option> <option value="2">Female</option> </select> </div> <span id="dob_span" <?php echo $dob_status; ?> ><strong>Date of birth</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="dob_div" <?php echo $dob_status; ?> > <label class="dropdown" hidden>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 form-control-sm 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> </div> <!-- input --> </div> <span><strong>Department</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="department_div"> <label class="dropdown" hidden>Department</label> <select name="department" id="department" class="form-control form-control-sm " style="width: 100%;"> <?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> <span><strong>Position</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="position_div"> <label class="dropdown" hidden>Position</label> <select name="position" id="position" class="form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> <span><strong>Other Mobile Number</strong></span> <div class="input-group mb-2"> <div class="input-group-append"> <div class="input-group-text" style="height:31px;"> <span class="">+63</span> </div> </div> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" name="contactno2" id="contactno2" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['contact_number_2']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text" style="height:31px;"> <span class="fas fa-phone"></span> </div> </div> </div> <span hidden><strong>Fax</strong></span> <div class="input-group mb-2" hidden> <input type="text" name="fax" id="fax" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['fax']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Business Phone</strong></span> <div class="input-group mb-2"> <input type="text" name="business" id="business" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['business']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Residential Phone</strong></span> <div class="input-group mb-2"> <input type="text" name="residential" id="residential" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['residential']; ?>"> <div class="input-group-append"> <div class="input-group-text mr-2"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Landline</strong></span> <div class="input-group mb-2"> <input type="text" name="landline" id="landline" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['landline']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Other Email Address</strong></span> <div class="input-group mb-2"> <span id="validate-email2" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <input type="email" name="email2" id="email2" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['email_address_2']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-envelope"></span> </div> </div> </div> <span><strong>Address</strong></span> <div class="input-group mb-2"> <input maxlength="100" type="text" name="address" id="address" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['address']; ?>"> <div class="input-group-append mr-2 "> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div><strong style="color:red;"></strong> </div> </div> <span><strong>State</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="state_div"> <label class="dropdown" hidden>State</label> <select name="state" id="state" class="form-control form-control-sm " style="width: 100%;"> <option value='0' 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> <span><strong>City</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="city_div"> <label class="dropdown" hidden>City</label> <select name="city" id="city" class="form-control form-control-sm " style="width: 100%;"> </select> </div> <span><strong>Postal Code</strong></span> <div class="input-group mb-2"> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="6" name="postal" id="postal" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['postal']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div> </div> </div> <div class="row mb-2 mt-2"> <div class="col-12"> <div class="form-group mr-2"> <div class="alert alert-info float-right" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas fa-info"> </span> <span id="alert-message"> </span></a> </div> </div> </div> <div class="col-12"> <div class="form-group mr-2"> <input type="submit" name="submit" id="submit" value="Update" class="btn btn-success float-right"> </div> </div> </div> </form> </div> <!-- /.tab-pane --> <!-- /.tab-pane --> <!-- /.contact --> </div> </div> </div> <!-- <div class="card "> <div class="card-header p-2"> <ul class="nav nav-pills"> <li class="nav-item"><a class="nav-link active" href="#information" data-toggle="tab">Information</a> </li> <li class="nav-item"><a class="nav-link" href="#password" data-toggle="tab">Change Password</a></li> </ul> </div> </div> --> </div> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-family" role="tabpanel" aria-labelledby="custom-tabs-three-family-tab"> <div class="tab-pane" id="password"> <form id="update_form_password" class="form-horizontal"> <span><strong>Old Password</strong></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="old-password" id="old-password" class="form-control form-control-sm" placeholder=""> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;"></strong> </div> </div> <span><strong>New Password</strong></span> <div class="input-group mb-2"> <span id="pw-not-matched" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <input type="password" minlength="6" name="new-password" id="new-password" class="form-control form-control-sm" placeholder=""> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;"></strong> </div> </div> <span><strong>Repeat New Password</strong></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="cpassword" id="cpassword" class="form-control form-control-sm" placeholder=""> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;">*</strong> </div> </div> <div class="row mb-3 mt-3"> <div class="col-12"> <div class="alert alert-info float-right" role="alert" id="error-alert-pass" style="display:none;"> <span id="error-icon-pass" class="icon fas fa-info"> </span> <span id="alert-message-pass"> </span></a> </div> </div> <div class="col-12"> <input type="submit" name="submit" id="submit_password" value="Update" class="btn btn-success"> </div> </div> </form> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab"> <?php include 'include/components/customer/customer_vehicle.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-messages" role="tabpanel" aria-labelledby="custom-tabs-three-messages-tab"> <?php include 'include/components/customer/customer_service.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-settings" role="tabpanel" aria-labelledby="custom-tabs-three-settings-tab"> <?php include 'include/components/customer/customer_sales.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-individuals" role="tabpanel" aria-labelledby="custom-tabs-three-individuals-tab"> <?php include 'include/components/customer/corporation_individual.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-hobbies" role="tabpanel" aria-labelledby="custom-tabs-three-hobbies-tab"> <?php include 'include/components/customer/customer_affiliations.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-gallery" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div class="container"> <div id="customer-sales-image-data" class="row"> </div> </div> </div> <!-- /.card --> </div> </div> </div> <!--card-body--> <!-- /.row --> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!-- 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 --> <!-- 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> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <script> function initToolTip(){ var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } $(document).ready(function() { initToolTip(); $('#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 value="0" selected>Select Dealer</option>' + data); $('#dealer').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(data); $('#position').attr('disabled', false); } }) }); }); </script> <!-- GET City List --> <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 value="0" selected>Select City</option>' + data); $('#city').attr('disabled', false); } }) }); $('#department').on('change', function(event) { event.preventDefault(); $('#position').val('').trigger('change'); }); }); </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> // alert('<?php echo $_SESSION['user']['state']; ?>') $(function() { //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() $('#gender').select2({ // placeholder: "Select Gender", // allowClear: true, minimumResultsForSearch: -1 }); $('#company').select2({ // placeholder: 'Select Department', // allowClear: true }) $('#dealer').select2({ minimumResultsForSearch: -1 // placeholder: 'Select Department', // allowClear: true }) $('#state').select2({ // placeholder: 'Select Department', // allowClear: true }) $('#city').select2({ // placeholder: 'Select Department', // allowClear: true }) // $('.select2').select2() $('#department').select2({ placeholder: 'Select Department', allowClear: true }) $('#position').select2({ placeholder: 'Select Position', allowClear: true }) $('#birthday').val('<?php echo $_SESSION['user']['date_of_birth']; ?>'); $('#department').val('<?php echo $_SESSION['user']['department']; ?>').trigger('change'); $('#company').val('<?php echo $_SESSION['user']['company']; ?>').trigger('change'); $('#state').val('<?php echo $_SESSION['user']['state_id']; ?>').trigger('change'); setTimeout(function() { $('#city').val('<?php echo $_SESSION['user']['city_id']; ?>').trigger('change'); $('#dealer').val('<?php echo $_SESSION['user']['dealer']; ?>').trigger('change'); $('#position').val('<?php echo $_SESSION['user']['position']; ?>').trigger('change'); $('#gender').val('<?php echo $_SESSION['user']['gender_id']; ?>').trigger('change'); }, 1000); }); </script> <script> $("#update_form").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg(); remove_form_invalid(); var contactno2 = $.trim($("#contactno2").val()); var fax = $.trim($("#fax").val()); var business = $.trim($("#business").val()); var residential = $.trim($("#residential").val()); var landline = $.trim($("#landline").val()); var email2 = $.trim($("#email2").val()); var address = $.trim($("#address").val()); var state = $("#state").val(); var city = $("#city").val(); var department = $("#department").val(); var position = $("#position").val(); var company = $("#company").val(); var dealer = $("#dealer").val(); var gender = $("#gender").val(); var dob = $("#birthday").val(); if(parseInt(company) !== 0 && parseInt(dealer) === 0) { $('#error-alert').fadeOut(); $('#dealer_div').css("border", "1px solid #dc3545"); $("#dealer").focus(); return; } if (contactno2 != '') { if (contactno2.length != 9) { $('#error-alert').fadeOut(); $('#contactno2').addClass("is-invalid"); $("#contactno2").focus(); return; } } if (email2 != '') { if (!isEmail(email2)) { $('#error-alert').fadeOut(); $('#email2').addClass("is-invalid"); $('#validate-email2').fadeIn(); $("#email2").focus(); $('#validate-email2').text('Invalid email address.'); return; } } if (address == '') { $('#error-alert').fadeOut(); $('#address').addClass("is-invalid"); $("#address").focus(); return; } if (state == null) { $('#error-alert').fadeOut(); $('#state_div').css("border", "1px solid #dc3545"); $("#state").focus(); return; } if (city == null) { $('#error-alert').fadeOut(); $('#city_div').css("border", "1px solid #dc3545"); $("#city").focus(); return; } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Updating account..."); $.ajax({ url: "app/employee/update_employee_profile.php", data: new FormData(this), type: "POST", dataType: 'json', contentType: false, cache: false, processData: false, beforeSend: function() { $('#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 { //success remove_alert_bg(); remove_form_invalid(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); if (parseInt(department) != 0) { var sd = $("#department option:selected").text(); $('#department-display').text(sd); } else { $('#department-display').text('-'); } if (parseInt(position) != 0) { var sp = $("#position option:selected").text(); $('#position-display').text(sp); } else { $('#position-display').text('-'); } $('#company_main').text(result.company_code); $('#dealer_main').text(result.dealer_code); $('#gender_main').text(result.gender); $('#dob_main').text(result.dob); if(parseInt(company) != 0){ $('#company_div').hide(); $('#company_span').hide(); } if(parseInt(dealer) != 0){ $('#dealer_div').hide(); $('#dealer_span').hide(); } if(parseInt(gender) != 0){ $('#gender_div').hide(); $('#gender_span').hide(); } if( dob != ''){ $('#dob_div').hide(); $('#dob_span').hide(); } // if (parseInt(company) != 0) { // var comp = $("#company option:selected").text(); // $('#company-display').text(comp); // } else { // $('#company-display').text('-'); // } // if (parseInt(dealer) != 0) { // var deal = $("#dealer option:selected").text(); // $('#dealer-display').text(deal); // } else { // $('#dealer-display').text('-'); // } } $('#submit').attr('disabled', false); }, error: handleError }); }); function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function handleError(xhr, status, error) { //Handle failure here remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Something went wrong, try again."); $('#submit').attr('disabled', false); } function remove_alert_bg() { $('#validate-email2').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"); $('#contactno2').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"); $('#email2').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", ""); $('#company_div').css("border", ""); $('#dealer_div').css("border", ""); $('#username').removeClass("is-invalid"); $('#password').removeClass("is-invalid"); } </script> <script> $("#update_form_password").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg_password(); remove_form_invalid_password(); var old_password = $.trim($("#old-password").val()); var password = $.trim($("#new-password").val()); var cpassword = $.trim($("#cpassword").val()); if (old_password == '') { $('#error-alert-pass').fadeOut(); $('#old-password').addClass("is-invalid"); $("#old-password").focus(); return; } if (password == '') { $('#error-alert-pass').fadeOut(); $('#new-password').addClass("is-invalid"); $("#new-password").focus(); return; } if (cpassword == '') { $('#error-alert-pass').fadeOut(); $('#cpassword').addClass("is-invalid"); $("#cpassword").focus(); return; } if (password.length < 6 \|\| cpassword.length < 6) { $('#error-alert-pass').fadeOut(); $('#pw-not-matched').fadeIn(); $("#new-password").focus(); $('#pw-not-matched').text('Password must 6 character or above!'); return; } if (password !== cpassword) { $('#error-alert-pass').fadeOut(); $('#pw-not-matched').fadeIn(); $("#cpassword").focus(); $('#pw-not-matched').text('Password not matched!'); return; } $('#error-icon-pass').addClass("fa-info"); $('#error-alert-pass').addClass("alert-info"); $('#error-alert-pass').fadeIn(); $('#alert-message-pass').text(" Updating password, please wait..."); $.ajax({ url: "app/employee/update_employee_password.php", data: new FormData(this), type: "POST", dataType: 'json', contentType: false, cache: false, processData: false, beforeSend: function() { $('#submit_password').attr('disabled', true); }, success: function(result) { console.log(result.status + " " + result.message); if (result.status != 1) { remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-ban"); $('#error-alert-pass').addClass("alert-danger"); $('#alert-message-pass').text(result.message); } else { //success remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-check"); $('#error-alert-pass').addClass("alert-success"); $('#alert-message-pass').text(result.message); $('#old-password').val(""); $('#new-password').val(""); $('#cpassword').val(""); } $('#submit_password').attr('disabled', false); }, error: handleError_password }); }); function handleError_password(xhr, status, error) { //Handle failure here remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-ban"); $('#error-alert-pass').addClass("alert-danger"); $('#alert-message-pass').text("Something went wrong, try again."); $('#submit_password').attr('disabled', false); } function remove_alert_bg_password() { $('#pw-not-matched').fadeOut(); $('#error-alert-pass').removeClass("alert-success"); $('#error-alert-pass').removeClass("alert-danger"); $('#error-alert-pass').removeClass("alert-info"); $('#error-icon-pass').removeClass("fa-check"); $('#error-icon-pass').removeClass("fa-info"); $('#error-icon-pass').removeClass("fa-ban"); } function remove_form_invalid_password() { $('#old-password').removeClass("is-invalid"); $('#new-password').removeClass("is-invalid"); $('#cpassword').removeClass("is-invalid"); } </script> <script> $(document).on("wheel", "input[type=number]", function(e) { $(this).blur(); }); </script> </body> </html>

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