Current File : //home/obabain/autoclutchess_obaba_in/EmployeeSalary.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ include file="Connection.jsp" %>
    
      <%
      /* String onumber=(String)session.getAttribute("onumber"); */
Statement st=con.createStatement();
ResultSet rs = null;
%>
 <% String from=request.getParameter("from");
     String to=request.getParameter("to");
     
     String pid=request.getParameter("pid");
  
     %>
<%!
String particular=null;
Double paid_amt=0.00;
double amt=0.00;
%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"  rel="stylesheet">
 
    <link href="css/select2.min.css" rel="stylesheet">
    <link href="css/jquery.datetimepicker.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"  rel="stylesheet">
 
    <link href="css/select2.min.css" rel="stylesheet">
    <link href="css/jquery.datetimepicker.css" rel="stylesheet">
     <style>
    .template { display: none; }
    .template1 { display: none; }
    .template2 { display: none; }
    .template3 { display: none; }
      
   hr{

border-top: 1px solid red;
}
     </style> 
  
 <script language="javascript" type="text/javascript">  
      var xmlHttp  
      var xmlHttp
      function showState(str){
      if (typeof XMLHttpRequest != "undefined"){
      xmlHttp= new XMLHttpRequest();
      }
      else if (window.ActiveXObject){
      xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
      }
      if (xmlHttp==null){
      alert("Browser does not support XMLHTTP Request")
      return;
      } 
      var url="subprocess1.jsp";
      url +="?count=" +str;
      xmlHttp.onreadystatechange = stateChange;
      xmlHttp.open("GET", url, true);
      xmlHttp.send(null);
      }

      function stateChange(){   
      if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){   
      document.getElementById("state").innerHTML=xmlHttp.responseText   
      }   
      }
      </script>
    
</head>
<body  onload="difftime()">

 <%@include file="master.jsp" %> 
<form  action="EmployeemastersalaryDA1.jsp" method="post" id="contact" name="jv">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="content" >
 <div class="row" >
    <div class="col-md-9" >
       <div class="panel panel-default" >
       <div class="panel-heading main-color-bg">
        <h3 class="panel-title">Employee Salary Creation </h3>
<!--        <a class="btn btn-danger pull-right pull-top" style="margin-top:-24px; " href="melting_View2.jsp">Batch Creation</a>  -->
        <!--  <a class="btn btn-info pull-right pull-top" style="margin-top:-24px; " href="mouldingnewview.jsp">View</a>  -->
    </div>
   
    
     <div class="panel-body" > 
     
     <div class="row" > 
   
    
         <div class="col-sm-3 ">
          <label for="lastname" style="margin-left:5px;">Date</label> 
          <input type="Date" name="date" class="form-control" > 
          </div>
        
      <input type="hidden" name="Id" class="form-control" value="<%=pid%>" >
         
       
          
          
     </div>
    
     
   
    
    
       
        
        
        
        
        
        
        
     
        <hr>
        <script>
        function time()
        {
//         	var x=document.getElementById("start");
//         	document.getElementById("total").value=x;
         	  var x = document.getElementById("start").value;
         	  var x1=x.split
         	 var y = document.getElementById("end").value;
         	  document.getElementById("total").value = x[0]-y[0];
        }
        </script>
        
       <hr>
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
     <div style="overflow-x:auto;"> 
         <table class="table    table-bordered" id="table3">
        <thead>
        <tr class=success>
         <th>Employee&nbsp;Name</th>
        <th>Department</th>     
        <th>ESI&nbsp;Number.</th>
        <th>Total&nbsp;Days&nbsp;Month</th>
        <th>No.of&nbsp;Days&nbsp;Present&nbsp;(include holiday paid)</th>
        <th>Actual&nbsp;Working&nbsp;Days&nbsp;In a Month</th>
         <th>Employee&nbsp;Present&nbsp;Days</th>
         <th>Basic</th>        
         <th>DA</th>
           <th>Basic+DA</th>
           <th>Salary bifurcation incentive / month</th>
            <!-- <th>Earned salary bifurcation incentive</th>  -->
         <th>Production Incentive earned</th>
         
          <!-- <th>Total Incentive</th> -->
           <th>meals charges</th>
            <th>Extra Meals Charge</th>  
         <th>OT Hours</th>
          <th>OT rate</th>
           <th>OT amount</th>
         <th>Att. Bonus</th>
          <th>Trax Travel Dedutions/perday</th>
          <!-- <th>Trax Travel Dedutions</th> -->
        </tr>
        </thead>
        <tbody>
    
    <tr class='template3'>
    
 <td>
  
               <select class=" selectMat form-control input-group-lg reg_name" name="ename[]" id="ddlsname" style="width:100px;">
 
                <option value="0">select</option>
          <%
          rs=st.executeQuery("select tb.*,(select sum(attendence) from Attendence where enameid=tb.emid and monthid="+pid+")wk,(select othrs from Attendence where enameid=tb.emid and monthid="+pid+")othr,(select otrate from Attendence where enameid=tb.emid and monthid="+pid+")otra,(select otamt from Attendence where enameid=tb.emid and monthid="+pid+")atam from employee tb");
          while(rs.next())
          {
        	  Double i =Double.parseDouble(rs.getString("basic"));
        		 Double j=Double.parseDouble(rs.getString("da"));
        			String wk1=rs.getString("wk");
        			String othr=rs.getString("othr");
        			String otra=rs.getString("otra");
        			String atam=rs.getString("atam");
        			Double k = i+j;
        					
          %>          
            <option value="<%=rs.getString("ename")%>"><%=rs.getString("ename") %>&nbsp;--&nbsp;<%=rs.getString("edep") %>&nbsp;--&nbsp;<%=rs.getString("esino") %>--<%=wk1%>--<%=rs.getString("basic") %>--<%=rs.getString("da") %>--<%=k %>--<%=othr %>--<%=otra %>--<%=atam %>--<%=rs.getString("travel") %></option>
        
        <%} %> 
                </select>
                    
    </td>

<td><input type="text" class="descr form-control input-group-lg reg_name" name="edep[]" value="" ></td>
<td><input type="text" class="revno form-control" name="esino[]" value="" ></td>
<td><input type="text" class="form-control" name="tdm[]" value="" ></td>
<td><input type="text" class="qty2 txtstyle" name="noofdpresent[]" value="" ></td>
<td><input type="text" class="form-control" name="actualwdays[]" value="" ></td>
<td><input type="text" class="qty1 drgno form-control" name="emppredays[]" value="" ></td>

<td><input type="text" class="div form-control" name="basic[]" style="width:60px;" value="" ></td>
<td><input type="text" class="buyer form-control" name="da[]" style="width:60px;" value="" ></td>
<td><input type="hidden" class="price2 trav txtstyle" name="nomoulds[]" value="" >
<input type="text" class="netamt2 txtstyle" name="basic+da[]" value="" ></td>
<td><input type="text" class="form-control" name="salbiinm[]" value="" ></td>

<td><input type="text" class="form-contro l" name="proincear[]" value="" ></td>

<td><input type="text" class="form-control" name="mealscharges[]" value="" ></td>
<td><input type="text" class="form-control" name="extramealscharges[]" value="" ></td>
<td><input type="text" class="price othr txtstyle" name="othrs[]" style="width:60px;" value="" ></td>
<td><input type="text" class="qty otr txtstyle"  name="otrate[]"  style="width:60px;" id="price" value="" ></td>
<td><input type="text" class="netamt ota txtstyle" name="otamt[]"  style="width:60px;" value="" ></td>
<td><input type="text" class="form-control" name="attbonous[]" style="width:60px;" value="" ></td>
<td><input type="text" class="price1 day txtstyle" name="traxcharges[]" value="" >

</td>
<!-- <td>
<input type="text" class="netamt1 txtstyle" name="traxcharges[]" value="" >
</td> -->


<td><a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
</tr>
</table>
        
      <div class="col-xs-1" style="padding-right:80px;">
<a id='add3' class="pull-left btn btn-success">ADD New</a></div>
<br>
<!-- ----------------------------------------------------------------------------------------------------------2nd table -->
<hr>     
        
        
        
        </div>
        
        
        
        
        
       <br>  <br>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
      
        



     <div class="modal-footer" id="contact_submit">
      <input type="button" value="Back" style="background:#204b58;;margin:10px;margin-left:30px" class="btn btn-info "  onclick="goBack()"/>

          <a class="btn btn-default"  href="">Reset</a>
     
        <input type="submit" value="Save Change" style="background:#204b58;" class="btn btn-info" onclick="pay()">
  
      </div> 
     </div>
    
     </div>
     </div>
     </div>
    <%-- <%@include file="footer.jsp" %> --%>
</form>
<script>
function goBack() {
  window.history.back();
}
</script>
<script>
    $(document).on("change",".selectMat",function(){
      
      var p=[];
      var str=$(".selectMat:last").find("option:selected").text();
      //alert(str);
      p=str.split('--');
      var a=p[1];
      $(".descr:last").val(a);
      $(".revno:last").val(p[2]);
      $(".drgno:last").val(p[3]);
      $(".div:last").val(p[4]);
      $(".buyer:last").val(p[5]);
      $(".trav:last").val(p[6]);
      $(".othr:last").val(p[7]);
      $(".otr:last").val(p[8]);
      $(".ota:last").val(p[9]);
      
      $(".day:last").val(p[10]);
    });
    </script>
<script>
function pad(num) {
	  return ("0"+num).slice(-2);
	}
	function diffTime(start,end,brk) {
	  var s = start.split(":"), sMin = +s[1] + s[0]*60,
	      e =   end.split(":"), eMin = +e[1] + e[0]*60,
	      b =   brk.split(":"), bMin = +b[1] + b[0]*60,
	      
	   diff = eMin-sMin-bMin;
	  //alert(bMin);
	  if (diff<0) 
	  { 
		  sMin-=12*60; 
		  diff = eMin-sMin;
		 
		  }
	  
	  var h = Math.floor(diff / 60),
	      m = diff % 60;
	  return "" + pad(h) + ":" + pad(m);
	}  
	document.getElementById('button').onclick=function() {
	  document.getElementById('diff').value=diffTime(
	      document.getElementById('start').value, 
	      document.getElementById('end').value,
	      document.getElementById('brk').value
	  );
	}
</script>
<script src="js/jquery.datetimepicker.full.js"></script>
 <script>
     jQuery('#datetimepicker').datetimepicker({
    	 timepicker:false,
    	 todayBtn: "linked"
    	 //mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
    	});
     
     $(document).ready(function(){
    	 var d=new Date();
    	 var da=d.getFullYear() + "/" + (d.getMonth()+1) + "/" +d.getDate();
    	 $('#datetimepicker').val(da);
    	 
     });
     
     jQuery('#datetimepicker2').datetimepicker({
    	 timepicker:false,
    	 todayBtn: "linked"
    	 //mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
    	});
     
     $(document).ready(function(){
    	 var d=new Date();
    	 var da=  d.getFullYear() + "/" + (d.getMonth()+1) + "/" +d.getDate();
    	 $('#datetimepicker2').val(da);
    	 
     });
    </script>
   
</body>
<script>
     $(document).on("change",'.qty', function(){
         "use strict";
         var parent = $(this).parents('tr');
  var s=$('.price',parent).val();
  var di=this.value;
  //var di=$('#rj').val()
  var g=parseFloat(s)*parseFloat(di);
  $('.netamt',parent).val(g);
  
});
    </script>
<script>
     $(document).on("change",'.qty1', function(){
         "use strict";
         var parent = $(this).parents('tr');
  var s=$('.price1',parent).val();
  var di=this.value;
  //var di=$('#rj').val()
  var g=parseFloat(s)*parseFloat(di);
  $('.netamt1',parent).val(g);
  
});
    </script>
<script>
     $(document).on("change",'.qty2', function(){
         "use strict";
         var parent = $(this).parents('tr');
  var s=$('.price2',parent).val();
  var di=this.value;
  //var di=$('#rj').val()
  var g=parseFloat(s)*parseFloat(di);
  $('.netamt2',parent).val(g);
  
});
    </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script> 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
<script>
$(function() {
   // initThings();

    $('#add').on('click', function() { add_row($('#table1')); });
});


function add_row($table) {
    var tr_id = $table.find('tr').length-1 ;
    var $template = $table.find('tr.template');
    var $tr = $template.clone().removeClass('template').prop('id', tr_id);

    $tr.find(':input').each(function() {
        if($(this).hasClass('hasDatepicker')) {
            $(this).removeClass('hasDatepicker').removeData('datepicker');
        }

        var input_id = $(this).prop('id');
        input_id = input_id + tr_id;
        $(this).prop('id', input_id);

        var new_name = $(this).prop('name');
        new_name = new_name.replace('[0]', '['+ tr_id +']');
        $(this).prop('name', new_name);

        $(this).prop('value', '');
    });
    $table.find('tbody').append($tr);
    $('.byto:last').val(1);

    $(".dateControl", $tr).datepicker({
        dateFormat: "dd-mm-yy"
    });

    $(".selectType", $tr).select2();
    $(".qty", $tr).select2();
    $(".selectType:last").val(0).trigger("change");
    $(".qty:last").val(0).trigger("change");
}

/* function initThings() {
    add_row($('#table1'));
}  */
	        </script>
	        <script src="js/select2.min.js"></script>
    <script src="js/jquery.datetimepicker.full.js"></script>
   
    <script>
    $('.select1').select2();
    </script>
    <script>
$(document).on("change", ".amt", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
        
    });
    $(".total").val(sum);
    
    $( ".amt" ).focus();
    $(".amt2:last").val(0);
    	
});

$(document).on("change", ".amt2", function() {
    var sum = 0;
    $(".amt2").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
  
});

$(document).on("change", ".byto", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
    $(".amt2:last").val(sum);
    $(".amt:last").val(0);
  
});
$(document).ready(function($){
	$('.byto').val(1);
})
      
	        </script>
	        
	        <script  langauge="JavaScript">
function deleteRow(btn) {
	  var row = btn.parentNode.parentNode;
	  row.parentNode.removeChild(row);
	  var sum = 0;
	  var sum2=0;
	    $(".amt").each(function(){
	        sum += +$(this).val();
	    });
	    $(".total").val(sum);
	    
	    $(".amt2").each(function(){
	        sum2 += +$(this).val();
	    });
	    $(".total2").val(sum2);
	    
	};
</script>

<!-- ------------------------------------------------------------------------- 2nd script   -->

<script>
$(function() {
   // initThings();

    $('#add12').on('click', function() { add_row2($('#table12')); });
});


function add_row2($table) {
    var tr_id = $table.find('tr').length - 1;
    var $template = $table.find('tr.template1');
    var $tr = $template.clone().removeClass('template1').prop('id', tr_id);

    $tr.find(':input').each(function() {
        if($(this).hasClass('hasDatepicker')) {
            $(this).removeClass('hasDatepicker').removeData('datepicker');
        }

        var input_id = $(this).prop('id');
        input_id = input_id + tr_id;
        $(this).prop('id', input_id);

        var new_name = $(this).prop('name');
        new_name = new_name.replace('[0]', '['+ tr_id +']');
        $(this).prop('name', new_name);

        $(this).prop('value', '');
    });
    $table.find('tbody').append($tr);
    $('.byto:last').val(1);

    $(".dateControl", $tr).datepicker({
        dateFormat: "dd-mm-yy"
    });

    $(".selectType", $tr).select2();
    $(".qty", $tr).select2();
    $(".selectType:last").val(0).trigger("change");
    $(".qty:last").val(0).trigger("change");
}

/* function initThings() {
    add_row($('#table1'));
}  */
	        </script>
	        <script src="js/select2.min.js"></script>
    <script src="js/jquery.datetimepicker.full.js"></script>
   
    <script>
    $('.select1').select2();
    </script>
    <script>
$(document).on("change", ".amt", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
        
    });
    $(".total").val(sum);
    
    $( ".amt" ).focus();
    $(".amt2:last").val(0);
    	
});

$(document).on("change", ".amt2", function() {
    var sum = 0;
    $(".amt2").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
  
});

$(document).on("change", ".byto", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
    $(".amt2:last").val(sum);
    $(".amt:last").val(0);
  
});
$(document).ready(function($){
	$('.byto').val(1);
})
      
	        </script>
	        
	        <script  langauge="JavaScript">
function deleteRow(btn) {
	  var row = btn.parentNode.parentNode;
	  row.parentNode.removeChild(row);
	  var sum = 0;
	  var sum2=0;
	    $(".amt").each(function(){
	        sum += +$(this).val();
	    });
	    $(".total").val(sum);
	    
	    $(".amt2").each(function(){
	        sum2 += +$(this).val();
	    });
	    $(".total2").val(sum2);
	    
	};
</script>
<!-- ------------------------------------------------------------------------------------3rd scrpt -->

<script>
$(function() {
   // initThings();

    $('#add3').on('click', function() { add_row4($('#table3')); });
});


function add_row4($table) {
    var tr_id = $table.find('tr').length - 1;
    var $template = $table.find('tr.template3');
    var $tr = $template.clone().removeClass('template3').prop('id', tr_id);

    $tr.find(':input').each(function() {
        if($(this).hasClass('hasDatepicker')) {
            $(this).removeClass('hasDatepicker').removeData('datepicker');
        }

        var input_id = $(this).prop('id');
        input_id = input_id + tr_id;
        $(this).prop('id', input_id);

        var new_name = $(this).prop('name');
        new_name = new_name.replace('[0]', '['+ tr_id +']');
        $(this).prop('name', new_name);

        $(this).prop('value', '');
    });
    $table.find('tbody').append($tr);
    $('.byto:last').val(1);

    $(".dateControl", $tr).datepicker({
        dateFormat: "dd-mm-yy"
    });

    $(".selectType", $tr).select2();
    $(".qty", $tr).select2();
    $(".selectType:last").val(0).trigger("change");
    $(".qty:last").val(0).trigger("change");
}

/* function initThings() {
    add_row($('#table1'));
}  */
	        </script>
	        <script src="js/select2.min.js"></script>
    <script src="js/jquery.datetimepicker.full.js"></script>
   
    <script>
    $('.select1').select2();
    </script>
    <script>
$(document).on("change", ".amt", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
        
    });
    $(".total").val(sum);
    
    $( ".amt" ).focus();
    $(".amt2:last").val(0);
    	
});

$(document).on("change", ".amt2", function() {
    var sum = 0;
    $(".amt2").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
  
});

$(document).on("change", ".byto", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
    $(".amt2:last").val(sum);
    $(".amt:last").val(0);
  
});
$(document).ready(function($){
	$('.byto').val(1);
})
      
	        </script>
	        
	        <script  langauge="JavaScript">
function deleteRow(btn) {
	  var row = btn.parentNode.parentNode;
	  row.parentNode.removeChild(row);
	  var sum = 0;
	  var sum2=0;
	    $(".amt").each(function(){
	        sum += +$(this).val();
	    });
	    $(".total").val(sum);
	    
	    $(".amt2").each(function(){
	        sum2 += +$(this).val();
	    });
	    $(".total2").val(sum2);
	    
	};
</script>














<!-- ------------------------------------------------------------------------------------4th scrpt -->
<script>
$(function() {
    //initThings();

    $('#add123').on('click', function() { add_row3($('#table123')); });
});


function add_row3($table) {
    var tr_id = $table.find('tr').length - 1;
    var $template = $table.find('tr.template2');
    var $tr = $template.clone().removeClass('template2').prop('id', tr_id);

    $tr.find(':input').each(function() {
        if($(this).hasClass('hasDatepicker')) {
            $(this).removeClass('hasDatepicker').removeData('datepicker');
        }

        var input_id = $(this).prop('id');
        input_id = input_id + tr_id;
        $(this).prop('id', input_id);

        var new_name = $(this).prop('name');
        new_name = new_name.replace('[0]', '['+ tr_id +']');
        $(this).prop('name', new_name);

        $(this).prop('value', '');
    });
    $table.find('tbody').append($tr);
    $('.byto:last').val(1);

    $(".dateControl", $tr).datepicker({
        dateFormat: "dd-mm-yy"
    });

    $(".selectType", $tr).select2();
    $(".qty", $tr).select2();
    $(".selectType:last").val(0).trigger("change");
    $(".qty:last").val(0).trigger("change");
}

/* function initThings() {
    add_row($('#table1'));
}  */
	        </script>
	        
	        
	        
	
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        <script src="js/select2.min.js"></script>
    <script src="js/jquery.datetimepicker.full.js"></script>
   
    <script>
    $('.select1').select2();
    </script>
    <script>
$(document).on("change", ".amt", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
        
    });
    $(".total").val(sum);
    
    $( ".amt" ).focus();
    $(".amt2:last").val(0);
    	
});

$(document).on("change", ".amt2", function() {
    var sum = 0;
    $(".amt2").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
  
});

$(document).on("change", ".byto", function() {
    var sum = 0;
    $(".amt").each(function(){
        sum += +$(this).val();
    });
    $(".total2").val(sum);
    $(".amt2:last").val(sum);
    $(".amt:last").val(0);
  
});
$(document).ready(function($){
	$('.byto').val(1);
})
      
	        </script>
	        
 
	        <script  langauge="JavaScript">
function deleteRow(btn) {
	  var row = btn.parentNode.parentNode;
	  row.parentNode.removeChild(row);
	  var sum = 0;
	  var sum2=0;
	    $(".amt").each(function(){
	        sum += +$(this).val();
	    });
	    $(".total").val(sum);
	    
	    $(".amt2").each(function(){
	        sum2 += +$(this).val();
	    });
	    $(".total2").val(sum2);
	    
	};
</script>


     <script>
     jQuery('#datetimepicker').datetimepicker({
    	 timepicker:false,
    	 todayBtn: "linked",
    	 format:'d/m/y'
    	 //mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
    	});
     
     jQuery('#datetimepicker2').datetimepicker({
    	 timepicker:false,
    	 todayBtn: "linked",
    	 format:'d/m/y'
    	 //mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
    	});
     $(document).ready(function(){
    	 var d=new Date();
    	 var da=  d.getDate() + "/" + (d.getMonth()+1) + "/" +d.getFullYear();
    	 $('#datetimepicker').val(da);
     });
     $(document).ready(function(){
    	 var d=new Date();
    	 var da=  d.getDate() + "/" + (d.getMonth()+1) + "/" +d.getFullYear();
    	 $('#datetimepicker2').val(da);
     });
     
    </script>
    
    
    
<!--hr calculation  -->
    
    
    
  <script>
  function difference(startTime, endTime){
	  var starttime = document.getElementById(startTime).value;
	  var endtime = document.getElementById(endTime).value;

	  var stime = starttime.getHours();
	  var etime = endtime.getHours()
	  document.getElementById(startTime).value = stime
	  document.getElementById(endTime).value = etime

	  if(etime>=stime){
	  return (etime-stime);
	  }
	  else if(etime<=stime){
	  alert("enter valid time");
	  }


	  }

  </script>
    
    
    <script type="text/javascript" src="JS/datejquery.min.js"></script>
    <script src="JS/datejquery-ui.min.js"></script>
    <script src="JS/service.js"></script>
    <script>
        $(document).ready(function(){
            $("#datepicker").datepicker({
                numberOfMonths: 2,
                onSelect: function(selected) {
                    $("#datepicker1").datepicker("option","minDate", selected);

                }
            });
            $("#txtendmins1").change(function(){

                var sHour = $("#txtstarthrs1").val();
                var eHour = $("txtendhrs1").val();
                var sMint = $("txtstartmins1").val();
                var eMint = $("txtendmins1").val();
                $("#txttotal1").val(calculateTime(sHour,sMint,eHour,eMint));
            });

            function calculateTime(sHour,sMint,eHour,eMint){
                var hourSubtract = ( eHour - sHour);
                var minSubtract = (eMint - sMint);
                var hourTomins = ((hourSubtract*60)+minSubtract) ;
                totalHourToMins(hourTomins);
                return hourTomins;
            }

            $("#txtendmins2").change(function(){
                var startHRS2 = document.getElementById("txtstarthrs2").value;
                var endHRS2 = document.getElementById("txtendhrs2").value;
                var startMins2 = document.getElementById("txtstartmins2").value;
                var endMins2 = document.getElementById("txtendmins2").value;

                calculateTime()
            });

            $("#datepicker1").datepicker({
                numberOfMonths: 2,
                onSelect: function(selected) {
                    $("#datepicker").datepicker("option","maxDate", selected);
                }
            });
        });
    </script>
    <script type="text/javascript">
        function validateDatepicker(){

            var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();
            var date1 = $('#datepicker1').datepicker({ dateFormat: 'dd-mm-yy' }).val();
            if(date===date1)
            {
                alert("hi");
            }
        }
    </script>
    <script type="text/javascript">
        function validateDate(){
            var startHrs = document.getElementById("txtStarthrs").value;
            var startMins = document.getElementById("txtStartmins").value;
            var endHrs = document.getElementById("txtEndhrs").value;
            var endMins = document.getElementById("txtEndmins").value;
            var hourSubtract = ( endHrs- startHrs);
            var minSubtract = (endMins - startMins);
            var hourTomins = ((hourSubtract*60)+minSubtract) ;
            var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();
            var date1 = $('#datepicker1').datepicker({ dateFormat: 'dd-mm-yy' }).val();
            if((date===date1)&&(hourTomins<1))
            {
                alert("please enter the correct timing");
                location.reload();
            }
            else
            {
                document.getElementById("txtElapsedhrs").value = hourTomins;
            }
        }
    </script>
    <script language="javascript">
        function getCodeDetails1(){
        }
        function displayResult(data) {
            if (data.error) // emp not found
            {
                $("#txtIEdesc1").val(""); // clear fields
                alert( data.error);
            }
            else  // Found employee. Display details
            {
                $("#txtIEdesc1").val(data.name);
            }
        }
        function getCodeDetails2(){

            $.getJSON("ieCodedetails.jsp",{codeid:$("#txtIEcode2").val()},displayResult2);
        }
        function displayResult2(data) {
            if (data.error) // emp not found
            {
                $("#txtIEdesc2").val(""); // clear fields

                alert( data.error);
            }
            else  // Found employee. Display details
            {
                $("#txtIEdesc2").val(data.name);
            }
        }

    </script>
    <script type="text/javascript">
        function myFunction()
        {
            var elapsedhrs = document.getElementById("txtElapsedhrs").value;
            var totalhrs = document.getElementById("txtTotalhrs").value;
            if(elapsedhrs === totalhrs)
            {
                document.getElementById(myBtn).disabled = false;
            }
            document.getElementById(myBtn).disabled = true;
        }
    </script>
    <script type="text/javascript">
        var totalTime=0;
        function endMins1()
        {
            var startHRS1 = document.getElementById("txtstarthrs1").value;
            var endHRS1 = document.getElementById("txtendhrs1").value;
            var startMins1 = document.getElementById("txtstartmins1").value;
            var endMins1 = document.getElementById("txtendmins1").value;

            var hourSubtract = ( endHRS1 - startHRS1);
            var minSubtract = (endMins1 - startMins1);
            var hourTomins = ((hourSubtract*60)+minSubtract) ;
            document.getElementById("txttotal1").value = hourTomins;
            totalHourToMins(hourTomins);
        }
        function endMins2()
        {
            var startHRS2 = document.getElementById("txtstarthrs2").value;
            var endHRS2 = document.getElementById("txtendhrs2").value;
            var startMins2 = document.getElementById("txtstartmins2").value;
            var endMins2 = document.getElementById("txtendmins2").value;

            var hourSubtract = ( endHRS2 - startHRS2);
            var minSubtract = (endMins2 - startMins2);
            var hourTomins = ((hourSubtract*60)+minSubtract) ;
            document.getElementById("txttotal2").value = hourTomins;
            totalTime+=hourTomins;
        }


    </script>
    
    
   
</html>