SHARE
TWEET

index_employee.php

a guest Oct 15th, 2019 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container-fluid">
  2.     <div class="row">
  3.         <div class="col-12">
  4.             <div class="card">
  5.                 <div class="card-body">
  6.                     <div class="row col-md-12">
  7.                         <?php if($canAdd == 1): ?>
  8.                                 <div class="col-md-3">
  9.                                     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#employeeModal"><i class="fa fa-user-plus"></i> Add New Employee</button>
  10.                                 </div>
  11.                         <?php endif; ?>
  12.                         <ul class="nav nav-pills mb-4">
  13.                             <li class=" nav-item"> <a href="#driver" class="nav-link active" data-toggle="tab" aria-expanded="false">Driver</a> </li>
  14.                             <li class="nav-item"> <a href="#helper" class="nav-link" data-toggle="tab" aria-expanded="false">Helper</a> </li>
  15.                         </ul>
  16.                     </div>
  17.                     <div class="tab-content tabcontent-border main-div">
  18.                         <div class="row mt-2 tab-pane employee active" id="driver" role="tabpanel">
  19.                             <div class="col-md-12 table-responsive">
  20.                                 <table class="table table-hover table-striped table-bordered this-myid" id="tbl_employee" data-status="1">
  21.                                     <thead>
  22.                                         <th>Picture</th>
  23.                                         <th>Employee Type</th>
  24.                                         <th>Employee</th>
  25.                                         <th>Email Address</th>
  26.                                         <th>License Number</th>
  27.                                         <th>Status</th>
  28.                                         <th>Action</th>
  29.                                     </thead>
  30.                                 </table>
  31.                             </div>
  32.                         </div>
  33.                         <div class="row mt-2 tab-pane employee" id="helper" role="tabpanel">
  34.                             <div class="col-md-12 table-responsive">
  35.                                 <table class="table table-hover table-striped table-bordered this-myid" id="tbl_helpers" data-status="3">
  36.                                     <thead>
  37.                                         <th>Picture</th>
  38.                                         <th>Employee Type</th>
  39.                                         <th>Employee</th>
  40.                                         <th>Status</th>
  41.                                         <th>Action</th>
  42.                                     </thead>
  43.                                 </table>
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     </div>
  51.     <div class="modal fade" id="employeeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  52.         <div class="modal-dialog modal-lg" role="document">
  53.             <div class="modal-content">
  54.                 <form class="employee_registration">
  55.                     <div class="modal-header">
  56.                         <h5 class="modal-title" id="exampleModalLabel">Add New Employee</h5>
  57.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  58.                             <span aria-hidden="true">&times;</span>
  59.                         </button>
  60.                     </div>
  61.                     <div class="modal-body">
  62.                         <div class="row">
  63.                             <div class="col-md-6">
  64.                                 <div class="panel-heading">Select Profile Image:</div><br>
  65.                                 <div id="upload-demo"></div>
  66.                                 <input type="file" name="upload_image" id="upload_image" />
  67.                                 <input type="hidden" id="imagebase64" name="imagebase64">
  68.                             </div>
  69.                             <div class="col-md-6">
  70.                                 <div class="form-group mb-4">
  71.                                     <label class="mr-sm-2">Select</label>
  72.                                     <select class="custom-select mr-sm-2" name="employee_type">
  73.                                         <option selected="">Choose...</option>
  74.                                         <?php foreach($employee_type as $key => $value): ?>
  75.                                             <option value="<?php echo $value['id']; ?>"><?php echo $value['employee_type']; ?></option>
  76.                                         <?php endforeach; ?>
  77.                                     </select>
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                         <div class="row" style="margin-top:50px;">
  82.                             <div class="col-md-4">
  83.                                 <label class="form-control-label">First Name</label>
  84.                                 <input type="text" class="form-control" name="first_name" placeholder="First Name">
  85.                             </div>
  86.                             <div class="col-md-4">
  87.                                 <label class="form-control-label">Middle Name</label>
  88.                                 <input type="text" class="form-control" name="middle_name" placeholder="Middle Name">
  89.                             </div>
  90.                             <div class="col-md-4">
  91.                                 <label class="form-control-label">Last Name</label>
  92.                                 <input type="text" class="form-control" name="last_name" placeholder="Last Name">
  93.                             </div>
  94.                         </div>
  95.                         <div class="row mt-2">
  96.                             <div class="col-md-6" id="email_address_emp">
  97.                                 <label class="form-control-label">Email Address</label>
  98.                                 <input type="text" class="form-control" name="email_address" placeholder="Email Address">
  99.                             </div>
  100.                             <div class="col-md-6">
  101.                                 <label class="form-control-label">Contact Number</label>
  102.                                 <input type="text" class="form-control" name="contact_number" placeholder="Contact Number">
  103.                             </div>
  104.                         </div>
  105.                         <div class="row mt-2">
  106.                             <div class="col-md-6" id="license_number">
  107.                                 <label class="form-control-label">License Number:</label>
  108.                                 <input type="text" class="form-control" name="license_number" placeholder="License Number">
  109.                             </div>
  110.                             <div class="col-md-6" id="license_picture">
  111.                                 <label class="form-control-label">License Picture:</label>
  112.                                 <input type="file" name="license_img" id="fileToUpload">
  113.                             </div>
  114.                         </div>
  115.                         <div class="row mt-2">
  116.                             <div class="col-md-12">
  117.                                 <label class="form-control-label">Address</label>
  118.                                 <input type="text" class="form-control" name="address" placeholder="Address">
  119.                             </div>
  120.                         </div>
  121.                         <div class="row mt-2">
  122.                             <div class="col-md-6">
  123.                                 <label class="form-control-label">Birthdate</label>
  124.                                 <input type="text" class="form-control datepicker_field" name="birthdate" placeholder="Birthdate">
  125.                             </div>
  126.                             <div class="col-md-6">
  127.                                 <label class="form-control-label">Gender</label>
  128.                                 <input type="text" class="form-control" name="gender" placeholder="Gender">
  129.                             </div>
  130.                         </div>
  131.                         <div class="row mt-2">
  132.                             <div class="col-md-4">
  133.                                 <label class="form-control-label">SSS</label>
  134.                                 <input type="text" class="form-control" name="SSS" placeholder="SSS">
  135.                             </div>
  136.                             <div class="col-md-4">
  137.                                 <label class="form-control-label">TIN</label>
  138.                                 <input type="text" class="form-control" name="TIN" placeholder="TIN">
  139.                             </div>
  140.                             <div class="col-md-4">
  141.                                 <label class="form-control-label">PhilHealth</label>
  142.                                 <input type="text" class="form-control" name="PhilHealth"  placeholder="PhilHealth">
  143.                             </div>
  144.                         </div>
  145.                     </div>
  146.                     <div class="modal-footer">
  147.                         <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  148.                         <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save Employee</button>
  149.                     </div>
  150.                 </form>
  151.             </div>
  152.         </div>
  153.     </div>
  154.     <div class="modal fade" id="view_edit_employeeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  155.         <div class="modal-dialog modal-lg" role="document">
  156.             <div class="modal-content">
  157.                 <form class="employee_update">
  158.                     <div class="modal-header">
  159.                         <h5 class="modal-title" id="exampleModalLabel">View/Edit Employee</h5>
  160.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  161.                             <span aria-hidden="true">&times;</span>
  162.                         </button>
  163.                     </div>
  164.                     <div class="modal-body">
  165.                         <div class="row">
  166.                             <div class="col-md-6">
  167.                                 <div class="panel-heading">Update Profile Picture:</div><br>
  168.                                 <button class="btn waves-effect waves-light btn-outline-danger" id="view_remove_btn" type="button" style=" float: right; margin-right: 40px; "><i class="fa fa-times"></i> </button>
  169.                                 <img name="view_test_profile" style="display:block;margin-bottom:10px;" alt="profile_image">
  170.                                 <div id="view_upload-demo"></div>
  171.                                 <input type="file" name="view_upload_image" id="view_upload_image" />
  172.                                 <input type="hidden" id="view_imagebase64" name="view_imagebase64"/>
  173.                                 <input type="hidden" id="orig_photo" name="orig_photo"/>
  174.                             </div>
  175.                             <div class="col-md-6">
  176.                                 <div class="form-group mb-4">
  177.                                     <label class="mr-sm-2">Select</label>
  178.                                     <select class="custom-select mr-sm-2" name="view_employee_type">
  179.                                         <option selected="">Choose...</option>
  180.                                         <?php foreach($employee_type as $key => $value): ?>
  181.                                             <option value="<?php echo $value['id']; ?>"><?php echo $value['employee_type']; ?></option>
  182.                                         <?php endforeach; ?>
  183.                                     </select>
  184.                                 </div>
  185.                             </div>
  186.                         </div>
  187.                         <div class="row" style="margin-top:20px;">
  188.                             <div class="col-md-4">
  189.                                 <label class="form-control-label">First Name</label>
  190.                                 <input type="text" class="form-control" name="view_first_name" placeholder="First Name">
  191.                             </div>
  192.                             <div class="col-md-4">
  193.                                 <label class="form-control-label">Middle Name</label>
  194.                                 <input type="text" class="form-control" name="view_middle_name" placeholder="Middle Name">
  195.                             </div>
  196.                             <div class="col-md-4">
  197.                                 <label class="form-control-label">Last Name</label>
  198.                                 <input type="text" class="form-control" name="view_last_name" placeholder="Last Name">
  199.                             </div>
  200.                         </div>
  201.                         <div class="row mt-2">
  202.                             <div class="col-md-6" id="email_address_emp2">
  203.                                 <label class="form-control-label">Email Address</label>
  204.                                 <input type="email" class="form-control" name="view_email_address" placeholder="Email Address">
  205.                             </div>
  206.                             <div class="col-md-6">
  207.                                 <label class="form-control-label">Contact Number</label>
  208.                                 <input type="text" class="form-control" name="view_contact_number" placeholder="Contact Number">
  209.                             </div>
  210.  
  211.                         </div>
  212.                         <div class="row mt-2">
  213.                             <div class="col-md-6" id="license_number2">
  214.                                 <label class="form-control-label">License Number:</label>
  215.                                 <input type="text" class="form-control" name="view_license_number" placeholder="License Number">
  216.                             </div>
  217.                             <div class="col-md-6" id="license_picture2">
  218.                                 <label class="form-control-label">Picture License Number:</label>
  219.                                 <input type="file" name="view_license_img" id="fileToUpload">
  220.                                 <input type="hidden" id="view_license_orig" name="view_license_orig"/>
  221.                             </div>
  222.                         </div>
  223.                         <div class="row mt-2">
  224.                             <div class="col-md-12">
  225.                                 <label class="form-control-label">Address</label>
  226.                                 <input type="text" class="form-control" name="view_address" placeholder="Address">
  227.                             </div>
  228.                         </div>
  229.                         <div class="row mt-2">
  230.                             <div class="col-md-6">
  231.                                 <label class="form-control-label">Birthdate</label>
  232.                                 <!-- <input type="text" class="form-control"  placeholder="Birthdate"> -->
  233.                                 <div class="input-group">
  234.                                     <input type="text" class="form-control datepicker_field" name="view_birthdate" placeholder="Birthdate">
  235.                                     <div class="input-group-append">
  236.                                         <span class="input-group-text"><i class="icon-calender"></i></span>
  237.                                     </div>
  238.                                 </div>
  239.                             </div>
  240.                             <div class="col-md-6">
  241.                                 <label class="form-control-label">Gender</label>
  242.                                 <input type="text" class="form-control" name="view_gender" placeholder="Gender">
  243.                             </div>
  244.                         </div>
  245.                         <div class="row mt-2">
  246.                             <div class="col-md-4">
  247.                                 <label class="form-control-label">SSS</label>
  248.                                 <input type="text" class="form-control" name="view_SSS" placeholder="SSS">
  249.                             </div>
  250.                             <div class="col-md-4">
  251.                                 <label class="form-control-label">TIN</label>
  252.                                 <input type="text" class="form-control" name="view_TIN" placeholder="TIN">
  253.                             </div>
  254.                             <div class="col-md-4">
  255.                                 <label class="form-control-label">PhilHealth</label>
  256.                                 <input type="text" class="form-control" name="view_PhilHealth"  placeholder="PhilHealth">
  257.                             </div>
  258.                         </div>
  259.                     </div>
  260.                     <div class="modal-footer">
  261.                         <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  262.                         <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save Employee</button>
  263.                     </div>
  264.                 </form>
  265.             </div>
  266.         </div>
  267.     </div>
  268. </div>
  269. <input type="hidden" name="canView" value="<?php echo $canView; ?>">
  270. <input type="hidden" name="canEdit" value="<?php echo $canEdit; ?>">
  271. <input type="hidden" name="canDelete" value="<?php echo $canDelete; ?>">
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top