<!DOCTYPE html>
<html class=""><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
    <title>
      Shift    </title>
    <link href="style/css.css" media="all" rel="stylesheet" type="text/css">

    <link href="style/bootstrap.css" media="all" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="style/icon-font.css">
    <link href="style/jquery.css" media="all" rel="stylesheet" type="text/css">
    <link href="style/fullcalendar.css" media="all" rel="stylesheet" type="text/css">
    <link href="style/datatables.css" media="all" rel="stylesheet" type="text/css">
    <link href="style/datepicker.css" media="all" rel="stylesheet" type="text/css">
    <link href="style/timepicker.css" media="all" rel="stylesheet" type="text/css">
    <link href="style/style.css" media="all" rel="stylesheet" type="text/css">
    <!-- for mark_leave date design -->
    <link href="style/jquery-ui.css" media="all" rel="stylesheet" type="text/css">
    <!-- *********************************************************** -->

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <script src="style/jquery-1.js" type="text/javascript">  </script>
     <!-- for mark_leave date  -->
  <script src="style/jquery-ui.js" type="text/javascript"></script>
  <!-- *************************************************************************** -->
  <style type="text/css">.fancybox-margin{margin-right:17px;}</style></head>
  <body class="default">
<a href="http://iwcnetwork.com/">
<img style="position:fixed; bottom:2%; right:2%;z-index:100000;width:100px;" src="Shift_files/logonew.png">
</a>
    <div class="modal-shiftfix">
      <!-- Navigation -->
      <div class="navbar navbar-fixed-top scroll-hide">
        <div class="container-fluid top-bar">
          <div class="pull-right">
            <ul class="nav navbar-nav pull-right">

 <li class="dropdown notifications hidden-xs">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                Office Closed                </a>
                <ul class="dropdown-menu">
                  <li><a href="#">
                                         	 Closed
                                   </a>
                  </li>
                  <li><a href="#">
                Department - <b>
                     Super Admin          </b>
                 </a>
                  </li>
                </ul>
              </li>
                        <li class="dropdown notifications hidden-xs ">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="lnr lnr-plus-circle"></i> Add New
                </a>
                <ul class="dropdown-menu">
                                    <li><a href="https://www.shiftsystems.net/demo/index.php?user=newemployee">

                    Employee
                      </a>
                  </li>                                      <li>
                  <a href="https://www.shiftsystems.net/demo/index.php?user=add_department">

                Department
                   </a>
                  </li>                                        <li><a href="https://www.shiftsystems.net/demo/index.php?user=payroll">

                Payslip
                   </a>
                  </li>                                       <li><a href="https://www.shiftsystems.net/demo/index.php?user=addtemplate">

                Template
                   </a>
                  </li>                   <!--  <li><a href="https://www.shiftsystems.net/demo/index.php?user=add_task">

                Task
                   </a>
                  </li>  -->
                                      <li><a href="https://www.shiftsystems.net/demo/index.php?user=add_holiday">

                Holiday
                   </a>
                  </li>
                                      </ul>

                 </li>
                 
            <li class="dropdown user hidden-xs"><a data-toggle="dropdown" class="dropdown-toggle" href="#">


                         <img src="Shift_files/1470907621.jpg" height="34" width="34"> Alice<b class="caret"></b>

                   </a>
                <ul class="dropdown-menu">
                <li><a href="https://www.shiftsystems.net/demo/index.php?user=profile">
             <i class="lnr lnr-mustache"></i>Profile</a>
                  </li>
              <li><a href="https://www.shiftsystems.net/demo/index.php?user=changepassword">
               <i class="lnr lnr-lock"></i>Change Password</a>
              </li>

              <li><a href="https://www.shiftsystems.net/demo/index.php?user=logout">
                    <i class="lnr lnr-power-switch"></i>Logout</a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
          <button class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
          <a class="logo" href="https://www.shiftsystems.net/demo/index.php?user=home">
       Shift EMS</a>
        </div>
        <div class="container-fluid main-nav clearfix">
          <div class="nav-collapse">
          <ul class="nav">

              <li>
                <a class="" href="https://www.shiftsystems.net/demo/index.php?user=home">
                <span aria-hidden="true" class="lnr lnr-home"></span>Home</a>
              </li>



            <li class="dropdown"><a data-toggle="dropdown" class="current" href="https://www.shiftsystems.net/demo/index.php?user=attendance">
                <span aria-hidden="true" class="hightop-forms"><i class="lnr lnr-calendar-full"></i></span>Attendances/Leaves<b class="caret"></b></a>

                <ul class="dropdown-menu">
                  <li>
                    <a class="" href="https://www.shiftsystems.net/demo/index.php?user=attendance">Mark Attendances</a>
                  </li>
                   <li>
                    <a class="current" href="https://www.shiftsystems.net/demo/index.php?user=mark_leave">Mark Leaves</a>
                  </li>

                </ul>
              </li>
                                 <li><a class="" href="https://www.shiftsystems.net/demo/index.php?user=view_employees">
                <span aria-hidden="true"><i class="lnr lnr-users"></i></span>Employees</a>
              </li>
              
              <li><a class="" href="https://www.shiftsystems.net/demo/index.php?user=display_dept">
                <span aria-hidden="true"><i class="lnr lnr-apartment"></i></span>Departments</a>
              </li>
              
            <!--  <li><a class="" href="https://www.shiftsystems.net/demo/index.php?user=payroll">
                <span aria-hidden="true"><i class="icon-credit-card"></i></span>Payslip</a></li> -->

                               <li class="dropdown"><a data-toggle="dropdown" class="" href="https://www.shiftsystems.net/demo/index.php?user=payroll">
                <span aria-hidden="true" class="hightop-forms"><i class="lnr lnr-briefcase"></i></span>Payslips/Templates<b class="caret"></b></a>

                <ul class="dropdown-menu">
                                      <li>
                    <a class="" href="https://www.shiftsystems.net/demo/index.php?user=viewpayslip">Payslips</a>
                  </li>
                  
                   <li>
                    <a class="" href="https://www.shiftsystems.net/demo/index.php?user=view_template">Templates</a>
                  </li>
                  

                </ul>
              </li>
              

             
          <li class="dropdown"><a data-toggle="dropdown" class="" href="https://www.shiftsystems.net/demo/index.php?user=attendance_approval_list">
                <span aria-hidden="true" class="hightop-forms"><i class="lnr lnr-text-format"></i></span>Approvals<b class="caret"></b></a>

                <ul class="dropdown-menu">

                  <li>
                    <a class="" href="https://www.shiftsystems.net/demo/index.php?user=attendance_approval_list">Attendances</a>
                  </li>

                   <li>
                    <a class="" href="https://www.shiftsystems.net/demo/index.php?user=leave_approval_list">Leaves</a>
                  </li>


                </ul>
              </li>
              

                  
             <!--  <li><a class="" href="https://www.shiftsystems.net/demo/index.php?user=view_task">
                <span aria-hidden="true"><i class="lnr lnr-book"></i></span>Notes</a>
              </li> -->
              
                               <li><a class="" href="https://www.shiftsystems.net/demo/index.php?user=view_holiday">
                <span aria-hidden="true"><i class="lnr lnr-heart"></i></span>Holidays</a>
              </li>
                
                <li> <a class="" href="https://www.shiftsystems.net/demo/index.php?user=office_management">
                <span aria-hidden="true"><i class="lnr lnr-store"></i></span>Office Management</a>
              </li>
                

               <li><a class="" href="https://www.shiftsystems.net/demo/index.php?user=site_setting">
                <span aria-hidden="true"><i class="lnr lnr-cog"></i></span>Settings</a>
              </li>
                            <li>
         <a href="https://www.shiftsystems.net/demo/index.php?user=logout">
                     <span aria-hidden="true"><i class="lnr lnr-power-switch"></i></span>Logout</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      </div>  <div class="container-fluid main-content">
  <div class="page-title">
          <h1 style='margin-top:-20px; margin-bottom: 5px;'>
           Employees
          </h1>
                </div>
      
        <div class="row">
        <div class="col-md-2">
		<ul class="list-group">
			 		  <li class="list-group-item active">
           <a href="employees.php">
           <p>
           <i class="lnr lnr-menu-circle"></i>&nbsp;List
           </p></a>
           </li>
           
                          <li class="list-group-item">
           <a href="new_employee.php">
           <p>
           <i class="lnr lnr-plus-circle"></i>&nbsp;Add
           </p></a>
           </li>
                       </ul>
		
         
  
            <div class="widget-container fluid-height">
              <div class="widget-content">
               
                <div class="panel-group" id="accordion">
                  <div class="panel">
                    <div class="panel-heading">
                    </div> 
                  </div>
                  <div class="panel">
                    <div class="panel-heading">
                      <div class="panel-title">
                      </div>
                    </div>
                    <div class="panel-collapse collapse in" id="collapseTwo">
                    </div>
                  </div>
                  <div class="panel filter-categories">
                    <div class="panel-heading">
                      <div class="panel-title">
               <a class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseThree">
                        <div class="caret pull-right"></div>  
                        Departments</a>
                      </div>
                    </div>
                    <div class="panel-collapse collapse in" id="collapseThree">
                      <div class="panel-body">
                      <form method="GET" action="">
                      <input value="view_employees" name="user" type="hidden">
                      <select class="form-control" name="department">
                      <option selected="selected" value="">Show All</option>
                                            <option value="1">Guards</option>
                      
                                            <option value="2">Staffs</option>                      
                                            
                      </select><br>
                      <button class="btn btn-block btn-primary" name="submitfilter">
                      <i class="lnr lnr-checkmark-circle"></i> Submit</button>
                      </form></div></div>   </div>
                </div>
              </div>
            </div>        
         </div>
             
            <div class="col-lg-10">
             
                <span>Total Records Found : 40</span>
        
            <div class="widget-container fluid-height clearfix">
            <div class="widget-content padded clearfix">
             
                                 <div id="dataTable1_wrapper" class="dataTables_wrapper" role="grid"><div class="dataTables_length" id="dataTable1_length"><label>Show <select aria-controls="dataTable1" size="1" name="dataTable1_length"><option selected="selected" value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div><div id="dataTable1_filter" class="dataTables_filter"><label>Search: <input aria-controls="dataTable1" type="text"></label></div><table aria-describedby="dataTable1_info" class="table table-striped dataTable" id="dataTable1">     
                                      <thead>
                    <tr role="row"><th aria-label=" S.NO" style="width: 62px;" colspan="1" rowspan="1" role="columnheader" class="hidden-xs sorting_disabled"> S.NO</th><th aria-label=" Department: activate to sort column ascending" style="width: 138px;" colspan="1" rowspan="1" aria-controls="dataTable1" tabindex="0" role="columnheader" class="sorting"> Department</th><th aria-label="From : activate to sort column ascending" style="width: 132px;" colspan="1" rowspan="1" aria-controls="dataTable1" tabindex="0" role="columnheader" class="hidden-xs sorting">From </th><th aria-label="To: activate to sort column ascending" style="width: 132px;" colspan="1" rowspan="1" aria-controls="dataTable1" tabindex="0" role="columnheader" class="hidden-xs sorting">To</th><th aria-label="Type: activate to sort column ascending" style="width: 143px;" colspan="1" rowspan="1" aria-controls="dataTable1" tabindex="0" role="columnheader" class="hidden-xs sorting">Type</th><th aria-label="Total: activate to sort column ascending" style="width: 104px;" colspan="1" rowspan="1" aria-controls="dataTable1" tabindex="0" role="columnheader" class="hidden-xs sorting">Total</th><th aria-label="File: activate to sort column ascending" colspan="1" rowspan="1" aria-controls="dataTable1" tabindex="0" role="columnheader" class="hidden-xs sorting" style="width: 64px;">File</th><th aria-label="Status" style="width: 154px;" colspan="1" rowspan="1" role="columnheader" class="sorting_disabled">Status</th></tr>
                    </thead>
                                           
                  <tbody aria-relevant="all" aria-live="polite" role="alert"><tr class="odd"> 
                        <td class="hidden-xs  sorting_1">1</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        08/20/2016                        </td>
                        <td class="hidden-xs ">08/21/2016</td>
                        <td class="hidden-xs "> </td>
                        
                        
                         <td class="hidden-xs ">
                        2                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-success">Approved</span>                                                  </td>
                                                 </tr><tr class="even"> 
                        <td class="hidden-xs  sorting_1">2</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        08/29/2016                        </td>
                        <td class="hidden-xs ">08/31/2016</td>
                        <td class="hidden-xs "> Annual Leave</td>
                        
                        
                         <td class="hidden-xs ">
                        3                          Day(s)</td>
                         <td class="hidden-xs ">
                        <a href="https://www.shiftsystems.net/demo/uploads/files/1470886669.jpg" target="_blank">Download</a>                        </td>
                          <td class=" "><span class="label label-success">Approved</span>                                                  </td>
                                                 </tr><tr class="odd"> 
                        <td class="hidden-xs  sorting_1">3</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        08/11/2016                        </td>
                        <td class="hidden-xs ">08/24/2016</td>
                        <td class="hidden-xs "> ytut</td>
                        
                        
                         <td class="hidden-xs ">
                        14                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-danger">Disapproved</span>                                                  </td>
                                                 </tr><tr class="even"> 
                        <td class="hidden-xs  sorting_1">4</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        08/08/2016                        </td>
                        <td class="hidden-xs ">08/10/2016</td>
                        <td class="hidden-xs ">Sick</td>
                        
                        
                         <td class="hidden-xs ">
                        3                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-success">Approved</span>                                                  </td>
                                                 </tr><tr class="odd"> 
                        <td class="hidden-xs  sorting_1">5</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        08/06/2016                        </td>
                        <td class="hidden-xs ">08/06/2016</td>
                        <td class="hidden-xs ">  Sick leave</td>
                        
                        
                         <td class="hidden-xs ">
                        1                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-success">Approved</span>                                                  </td>
                                                 </tr><tr class="even"> 
                        <td class="hidden-xs  sorting_1">6</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        08/04/2016                        </td>
                        <td class="hidden-xs ">08/05/2016</td>
                        <td class="hidden-xs "> co</td>
                        
                        
                         <td class="hidden-xs ">
                        2                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-success">Approved</span>                                                  </td>
                                                 </tr><tr class="odd"> 
                        <td class="hidden-xs  sorting_1">7</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        08/02/2016                        </td>
                        <td class="hidden-xs ">08/02/2016</td>
                        <td class="hidden-xs "> </td>
                        
                        
                         <td class="hidden-xs ">
                        1                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-danger">Disapproved</span>                                                  </td>
                                                 </tr><tr class="even"> 
                        <td class="hidden-xs  sorting_1">8</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        07/26/2016                        </td>
                        <td class="hidden-xs ">07/27/2016</td>
                        <td class="hidden-xs "> </td>
                        
                        
                         <td class="hidden-xs ">
                        2                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-success">Approved</span>                                                  </td>
                                                 </tr><tr class="odd"> 
                        <td class="hidden-xs  sorting_1">9</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        07/25/2016                        </td>
                        <td class="hidden-xs ">07/25/2016</td>
                        <td class="hidden-xs ">CL</td>
                        
                        
                         <td class="hidden-xs ">
                        1                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-danger">Disapproved</span>                                                  </td>
                                                 </tr><tr class="even"> 
                        <td class="hidden-xs  sorting_1">10</td>
                        <td class=" ">Super Admin</td>
                        <td class="hidden-xs "> 
                        07/26/2016                        </td>
                        <td class="hidden-xs ">07/28/2016</td>
                        <td class="hidden-xs ">   ploppy</td>
                        
                        
                         <td class="hidden-xs ">
                        3                          Day(s)</td>
                         <td class="hidden-xs ">
                        NA                        </td>
                          <td class=" "><span class="label label-success">Approved</span>                                                  </td>
                                                 </tr></tbody></table><div id="dataTable1_info" class="dataTables_info">Showing 1 to 10 of 40 entries</div><div id="dataTable1_paginate" class="dataTables_paginate paging_full_numbers"><a id="dataTable1_first" tabindex="0" class="first paginate_button paginate_button_disabled">First</a><a id="dataTable1_previous" tabindex="0" class="previous paginate_button paginate_button_disabled">Previous</a><span><a tabindex="0" class="paginate_active">1</a><a tabindex="0" class="paginate_button">2</a><a tabindex="0" class="paginate_button">3</a><a tabindex="0" class="paginate_button">4</a></span><a id="dataTable1_next" tabindex="0" class="next paginate_button">Next</a><a id="dataTable1_last" tabindex="0" class="last paginate_button">Last</a></div></div>
                   
               
              
            </div>
          </div>
         </div> </div>
          </div>  
  <script>
$(document).ready(function(){
	$(".pdf").click(function(){
		$("#table1").hide();
		setTimeout(function(){$("#table1").show()},1000);
		});
});
</script>
  <!-- used for show calendar -->
   <script src="style/bootstrap.js" type="text/javascript"></script>
  <script src="style/jquery_002.js" type="text/javascript"></script>
 <!-- ****************************** -->
  
   <script src="style/jquery.js" type="text/javascript"></script>
  <script src="style/datatable-editable.js" type="text/javascript"></script>
  <!-- used for calendar -->
 <script src="Shift_files/jquery_003.js" type="text/javascript"></script>
 <!-- ******************************* -->
  
  <script src="style/bootstrap-fileupload.js" type="text/javascript"></script>
   <script src="style/bootstrap-datepicker.js" type="text/javascript"></script>
   <script src="style/bootstrap-timepicker.js" type="text/javascript"></script>
   <script src="style/jquery_004.js" type="text/javascript"></script>
   
    
     <script>
     /*   for mobile navigation */
     $('.navbar-toggle').click(function() {
         return $('body, html').toggleClass("nav-open");
       });

     /*
      * =============================================================================
      *   DataTables
      * =============================================================================
      */
     $("#dataTable1").dataTable({
       "sPaginationType": "full_numbers",
       aoColumnDefs: [
         {
           bSortable: false,
           aTargets: [0, -1]
         }
       ]
     });
     $('.table').each(function() {
       return $(".table #checkAll").click(function() {
         if ($(".table #checkAll").is(":checked")) {
           return $(".table input[type=checkbox]").each(function() {
             return $(this).prop("checked", true);
           });
         } else {
           return $(".table input[type=checkbox]").each(function() {
             return $(this).prop("checked", false);
           });
         }
       });
     });


     /*
      * =============================================================================
      *   Bootstrap Popover
      * =============================================================================
      */
     
     $(".popover-trigger").popover(); 
     /*
      * =============================================================================
      *   Datepicker
      * =============================================================================
      */
   
    var date = new Date();
    $("#from").datepicker();
    
    $("#to").datepicker();
    $("#dob").datepicker();     
   
    
     if($("#watermark_yes").is(":checked")){
     	  $("#watermark").show();
       }
     else{
     $("#watermark").hide();
     }
     $("#watermark_yes").click(function(){
 	    $("#watermark").show();
 	});
     $("#watermark_no").click(function(){
   	    $("#watermark").hide();
   	});
     </script>
  
  <script>
  $(document).ready(function (){
	  $(".fancybox").fancybox({
	      maxWidth: 700,
	      height: 'auto',
	      fitToView: false,
	      autoSize: true,
	      padding: 15,
	      nextEffect: 'fade',
	      prevEffect: 'fade',
	      helpers: {
	        title: {
	          type: "outside"
	        }
	      }
	    });
     var a = $("#db_country").val();     
     $("#country").val(a);
	  });
  </script>
 <script>
  $(document).ready(function (){
     var a = $("#db_timezone").val();     
     $("#timezone").val(a);
	  });
  $('#timepicker1').timepicker();
  $('#timepicker2').timepicker();
  $('#timepicker3').timepicker();
  $('#timepicker4').timepicker();
  $('#timepicker5').timepicker();
  $('#timepicker6').timepicker();
  $('#timepicker7').timepicker();
  $('#timepicker8').timepicker();
  $('#timepicker9').timepicker();
  $('#timepicker10').timepicker();
  $('#timepicker11').timepicker();
  $('#timepicker12').timepicker();
  $('#timepicker13').timepicker();
  $('#timepicker14').timepicker();

   /*$("#timepicker1").timepicker({
	      minuteStep: 1,
	      showSeconds: true,
	      showMeridian: false
	    });
   $("#timepicker2").timepicker({
	      minuteStep: 1,
	      showSeconds: true,
	      showMeridian: false
	    });*/
 
  </script>
  
   <script>
  $(document).ready(function (){
     var a = $("#date_format").val();     
     $("#dateformat").val(a);
	  });
  </script>
     
   <script>
   $("#enable_check").click(function(){
	   if($("#enable_check").is(":checked")){
           $("#time1").hide();
           $("#time2").hide();
		   }
		   else {
			   $("#time1").show();
			   $("#time2").show();
			   }
	   });
   </script>
   <script>
   $("#emp_view_check").click(function(){
	  
   if($("#emp_view_check").is(":checked")){
	   
	  	  $("#emp_edit_check").show();
		  	$("#emp_del_check").show();
			$("#emp_add_check").show();
	    }
	  else{
	  $("#emp_edit_check").hide();
	  $("#emp_del_check").hide();
		$("#emp_add_check").hide();
	  }
	  });

   $("#dep_view_check").click(function(){
		  
	   if($("#dep_view_check").is(":checked")){
		   
		  	  $("#dep_edit_check").show();
			  	$("#dep_del_check").show();
			  	 $("#dep_add_check").show();
		    }
		  else{
		  $("#dep_edit_check").hide();
		  $("#dep_del_check").hide();
		  $("#dep_add_check").hide();
		  }
		  });
   $("#holiday_view_check").click(function(){
		  
	   if($("#holiday_view_check").is(":checked")){
		   
		  	  $("#holiday_edit_check").show();
			  	$("#holiday_del_check").show();
				$("#holiday_add_check").show();
		    }
		  else{
		  $("#holiday_edit_check").hide();
		  $("#holiday_del_check").hide();
			$("#holiday_add_check").hide();
		  }
		  });
   $("#task_view_check").click(function(){
		  
	   if($("#task_view_check").is(":checked")){
		  	  $("#task_edit_check").show();
			  	$("#task_del_check").show();
				$("#task_add_check").show();
		    }
		  else{
		  $("#task_edit_check").hide();
		  $("#task_del_check").hide();
			$("#task_add_check").hide();
		  }
		  });
   $("#payslip_view_check").click(function(){
		  
	   if($("#payslip_view_check").is(":checked")){
			  	$("#payslip_del_check").show();
			  	$("#payslip_add_check").show();
		    }
		  else{
		  
		  $("#payslip_del_check").hide();
		  $("#payslip_add_check").hide();
		  }
		  });
   $("#template_view_check").click(function(){
		  
	   if($("#template_view_check").is(":checked")){
		   
		   $("#template_edit_check").show();
			  	$("#template_del_check").show();
			  	$("#template_add_check").show();
		    }
		  else{
		  $("#template_edit_check").hide();
		  $("#template_del_check").hide();
		  $("#template_add_check").hide();
		  }
		  });
   </script>
   
  <script>
  
  
  if($("#fixed_based").is(":checked")){
	 
	  	  $("#annual_fixed_leaves").show();
	    }
	  else{
		  $("#annual_fixed_leaves").hide();
	  }
  $("#fixed_based").click(function(){
	  $("#service_based").removeAttr("checked");
	    $("#annual_fixed_leaves").show();
	    $("#service_based_leaves").hide();
	    $("#service_based_heading").hide();
	    $("#annual").show();
	});
  $("#service_based").click(function(){
	  $("#fixed_based").removeAttr("checked");
	    $("#service_based_leaves").show();
	    $("#annual_fixed_leaves").show();
	    $("#service_based_heading").show();
	    $("#annual").hide();
	    
	});
  if($("#service_based").is(":checked")){
	  
  	  $("#service_based_leaves").show();
  	  $("#annual_fixed_leaves").show();
    	$("#service_based_heading").show();
    	$("#annual").hide();
    }
  else{
	  $("#service_based_leaves").hide();
  }

   </script>
  
    <script>
   $("#sun_check").click(function(){
	   if($("#sun_check").is(":checked")){
		   $("#timepicker13").attr("disabled",true);
		   $("#timepicker14").attr("disabled",true);
         }
		   else {
			   $("#timepicker13").attr("disabled",false);
			   $("#timepicker14").attr("disabled",false);
			   }
	   });
   $("#mon_check").click(function(){
	   if($("#mon_check").is(":checked")){
		   $("#timepicker1").attr("disabled",true);
		   $("#timepicker2").attr("disabled",true);
         }
		   else {
			   $("#timepicker1").attr("disabled",false);
			   $("#timepicker2").attr("disabled",false);
			   }
	   });
   $("#tues_check").click(function(){
	   if($("#tues_check").is(":checked")){
		   $("#timepicker3").attr("disabled",true);
		   $("#timepicker4").attr("disabled",true);
         }
		   else {
			   $("#timepicker3").attr("disabled",false);
			   $("#timepicker4").attr("disabled",false);
			   }
	   });
   $("#wed_check").click(function(){
	   if($("#wed_check").is(":checked")){
		   $("#timepicker5").attr("disabled",true);
		   $("#timepicker6").attr("disabled",true);
         }
		   else {
			   $("#timepicker5").attr("disabled",false);
			   $("#timepicker6").attr("disabled",false);
			   }
	   });
   $("#thurs_check").click(function(){
	   if($("#thurs_check").is(":checked")){
		   $("#timepicker7").attr("disabled",true);
		   $("#timepicker8").attr("disabled",true);
         }
		   else {
			   $("#timepicker7").attr("disabled",false);
			   $("#timepicker8").attr("disabled",false);
			   }
	   });
   $("#fri_check").click(function(){
	   if($("#fri_check").is(":checked")){
		   $("#timepicker9").attr("disabled",true);
		   $("#timepicker10").attr("disabled",true);
         }
		   else {
			   $("#timepicker9").attr("disabled",false);
			   $("#timepicker10").attr("disabled",false);
			   }
	   });
   $("#sat_check").click(function(){
	   if($("#sat_check").is(":checked")){
		   $("#timepicker11").attr("disabled",true);
		   $("#timepicker12").attr("disabled",true);
         }
		   else {
			   $("#timepicker11").attr("disabled",false);
			   $("#timepicker12").attr("disabled",false);
			   }
	   });
  
   </script>
 </body></html>