siddharth_application/application/views/permission.php

 	 <link href="<?php echo base_url();?>assets/css/plugins/Timepicker/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />	
     
 <script src="<?php echo base_url();?>assets/js/plugins/Timepicker/bootstrap-timepicker.min.js"></script>
 

 <div class="content-wrapper">

    
 
	 <section class="content">
 <p style="text-align: center;    font-size: 35px;" >SIDDHARTH INDUSTRES</p>
		<p style="text-align: center;    font-size: 30px;">EMPLOYEE PERMISSION / ON DUTY SLIP</p>
<section style="padding:2%;border:1px solid;">
		<form  action="<?php echo base_url()?>monthlypay/addper" method="post">
		<div class="row">
<div class="col-md-12">
	<div class="col-md-3">
	<label>Employee Name</label>
	 <div class="form-group">
                                 <?php
                          $options = array("-1"=>'Select Employee');     
                          //print_r(  $options);
                          
                          if(!empty($emplists))
                          {
                          foreach ($emplists as $SID):
                            
                           
                            $options[$SID->EmpID] =  $SID->name.' '.' - '.' '.$SID->EmpID;

                          endforeach;
                          }                   
                    
                          echo form_dropdown('emp', $options,set_value('emp'),'id="emp"'  ,'required="true"' ,'class="form-control select2');

                          ?>      
                  </div>
		
	</div>
	
	<div class="col-md-3">
	<label>Department</label>
		<div class="form-group">
			<?php
                 $data = array('name' => 'dep','value' => set_value('dep',''),'id'=>'dep',  'class' => 'form-control' ,'readonly' => 'true');
                echo form_input($data);
                ?>   
        </div>
	</div>
	<div class="col-md-3">
	<label>Shift </label>
	<div class="form-group">
		<?php
                 $data = array('name' => 'shift','value' => set_value('shift',''),'id'=>'shift',  'class' => 'form-control','required'=>'true');
                echo form_input($data);
                ?> 							  
    </div>

	</div>

	<div class="col-md-3">
	<label>Date</label>
		<div class="form-group">
			<?php
			$date = date('d-m-Y');
                 $data = array('name' => 'date','value' => set_value('date',$date),'id'=>'date',  'class' => 'form-control' ,'readonly' => 'true');
                echo form_input($data);
                ?>   
        </div>
	</div>
</div>

</div>
<div class="row">
<div class="col-md-12">
	<div class="col-md-4">
	<label>From </label>
<div class="input-group bootstrap-timepicker timepicker">
            <input id="timepicker1"  name="timepicker1" type="text" class="form-control  timepicker input-small">
            <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
        </div>
 
      

	</div>
	<div class="col-md-4">
	<label>To </label>
<div class="input-group bootstrap-timepicker timepicker">
            <input id="timepicker2" name="timepicker2" type="text" class="form-control timepicker input-small">
            <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
        </div>
	
	</div>
	<div class="col-md-4">
    <label>Permission Time</label>
    <div class="form-group">
			<?php
                 $data = array('name' => 'Pretime','value' => set_value('Pretime',''),'id'=>'Pretime',  'class' => 'form-control' ,'readonly' => 'true');
                echo form_input($data);
                ?>   
        </div>
	
	</div>
	</div>
	</div>
 
	<div class="row">
<div class="col-md-12">
		 <div class="col-md-4">
	<label>Reason </label>
	<div class="form-group">		

                	<?php
						 $data = array('name' => 'Reason','value' => set_value('Reason'),'id'=>'Reason',  'class' => 'form-control ' ,'rows' => '3', 'cols' => '40','required'=>'true');
						echo Form_textarea($data);
						?> 					  
    </div>
</div>
<div class="col-md-4"><br><br><br>

<div class="form-group">
<a data-toggle="permissionlist" ><button type="submit" class="btn btn-primary" id="save" >Save</button> </a> 

</div>
</div>

	</div>
</div>



</form>
</section>
</section>

		</div>
		  <script type="text/javascript">
            $('#timepicker1').timepicker({
            	 minuteStep: 1,
            	 defaultTime:'current'
            });
        </script>
          <script type="text/javascript">
            $('#timepicker2').timepicker({
            	 minuteStep: 5,
            	 defaultTime:'current'
            });
        </script>
        <script type="text/javascript">
        	 $(document).ready(function () {
	 
	  $("#emp").select2();
	  
                
            }); 
        </script>
		<script>

  $('#emp').change(function() {
          
         var id = $(this).val();
       
         	var emp_list = <?php echo json_encode($emplists,JSON_PRETTY_PRINT)?>;

         	         $.each(emp_list,function(i,obj){
         	         		if(id == obj.EmpID){
         	         			$('#dep').val(obj.DepartmentName);	
         	         			$('#EmpID').val(obj.EmpID);

         	         		}
         	         });
        
          
        });




 
//alert();
$(document).ready(function(){
function calculateTime() {
 	
            //get values
            var valuestart = $("#timepicker1").val();
            var valuestop = $("#timepicker2").val();
              
             //create date format          
             var timeStart = new Date("01/01/2007 " + valuestart);
             var timeEnd = new Date("01/01/2007 " + valuestop);
             

             var hourDiff = timeEnd - timeStart;
             var minites = hourDiff/ 60/ 60 /1000;
             	minites = minites.toFixed(2);
           // alert(minites);
                         $("#Pretime").val(minites); 
             
    }

    $("#timepicker2").change(calculateTime);
   // alert();
    	calculateTime();

    });


$("#save").click(function(){
	var emp = $("#emp").val();
	var shift = $("#shift").val();
	var res = $("#Reason").val();//alert(emp);

	if(emp == '-1'){
		alert('Please Select Employee');
		return false;
	}else{
		return true;
	}
	// if(!$.trim(shift) ==""){
	// 	alert('Please Enter the Shift');
	// 	return false;
	// }else{
	// 	return true;
	// }
	// if(res === 0){
	// 	alert('Please Enter The Reason');
	// 	return false;
	// }else{
	// 	return true;
	// }
});
</script>