Current File : /home/obabain/anms_obaba_in/testcertificate.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();
String id1=request.getParameter("heat");




ResultSet rs = null;
%>
<%!
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="testsandDA.jsp" name="pv">

<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">Test Certificate </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="tcsandview.jsp">View</a> 
    </div>
    <!-- <div class="pull-right" style="padding:5px 10px 0px 0px;">
    <a class="btn btn-primary" href="ViewPaymentVouchers.jsp">View Payment Vouchers</a> 
     <a class="btn btn-primary" href="Receiptvoucher.jsp">Receipt</a>
     <a class="btn btn-primary" href="Contravoucher.jsp">Contra</a>
     <a class="btn btn-primary" href="Journalvoucher.jsp">Journal</a>
     <a class="btn btn-danger" href="SalesVoucher.jsp">Sales</a>
     <a class="btn btn-danger" href="PurchaseVoucher.jsp">Purchase</a>
     </div> -->
      <!-- <div style="padding:5px 0px 0px 10px;"><a  class="cash btn btn-danger">Cash</a>
      <a  class="cheq btn btn-danger">Cheque</a></div> -->
    
     <div class="panel-body" > 
     
     <div class="row" > 
   
    <%--  <div class="col-sm-2 ">
          <label for="lastname" style="margin-left:5px; color:red;">Batch Number</label> 
          <select class="select1 form-control" name="mname" id="campInput" style="width:100%;" >
                <option value="0">select</option>
               
           <%
          rs=st.executeQuery("select * from ip_batch ");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("id") %>"><%=rs.getString("batch") %></option>
          <%} %> 
                </select>
          </div>  --%>
         <div class="col-sm-3 ">
          <label for="lastname" style="margin-left:5px;">Tc No.</label> 
          <input type="text" name="tcno" class="form-control" > 
          </div>
          
           <div class="col-sm-3 ">
          <label for="lastname" style="margin-left:5px;">Tc Date</label> 
          <input type="date" name="tcdate" class="form-control" > 
          </div>
       <div class="col-xs-2" style="margin-top:5px">
        <label for="lastname" style="margin-left:5px;">Customer</label>
         <select class="select1 form-control"  id="campInput"  onchange="showState(this.value)"  name="cname" style="width:250px;">     <!--  style="width:240px;height:50px;"   -->
								    <%
                 Statement st1=con.createStatement(); 
                 ResultSet r1=st1.executeQuery("select * from ip_clients  ");
                 while(r1.next())
                 {	
               %>
                 <option value="<%=r1.getString("client_id")%>"> <%=r1.getString("client_name")%> </option>
                <% } %>
								</select>
        </div> 
        
        
       
        
        
        
        
        
        
        
     
          
          
     </div>
    
     
   
    
    
     <br>
        
        <div class="row" >
         
          <div class="col-xs-2" style="margin-top:5px">
        <label for="lastname" style="margin-left:5px;">Invoice No.</label>
           <input type="text" name="invno" class="form-control" > 
        </div>   
         
            <div class="col-xs-2" style="margin-top:5px">
        <label for="lastname" style="margin-left:5px;">Invoice Date</label>
         <input type="Date" name="invdate" class="form-control" > 
         
         
         
         
        </div>   
           <div class="col-xs-2" style="margin-top:5px">
        <label for="lastname" style="margin-left:5px;">Manufatcuring Date</label>
          <input type=date name="pdate" class="form-control" > 
        </div>   
        </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>No.</th>
       <th  style="text-align:center"> Grade</th>
        <th  style="text-align:center"> Select&nbsp;Item</th>
    <th  style="text-align:center">Batch No</th>
 <th  style="text-align:center">Qty&nbsp;in&nbsp;Nos.</th>
        <th  style="text-align:center">COLOUR</th>
        <th  style="text-align:center">BAUME</th>
        <th  style="text-align:center">Sp. GRAVITY</th>
        <th  style="text-align:center">BRUSHABILITY ON 2X2
SPECIMEN CORE
        </th>
        <th  style="text-align:center">LIGHT OFF</th>
        <th  style="text-align:center">WET PATCHES</th>
            <th  style="text-align:center">SETTLING/ HR</th>
            <th  style="text-align:center">BOUNDING</th>
            <th  style="text-align:center">B4CUP</th>
            <th  style="text-align:center">RCOLOUR</th>
    
                <th  style="text-align:center">RBAUME</th>
        
               <th  style="text-align:center">RSp. GRAVITY</th>
                   <th  style="text-align:center">RSETTLING/ HR</th>
                                  <th  style="text-align:center">RB4CUP</th>
    
       
        </tr>
        </thead>
        <tbody>
    
    <tr class='template3'>
    
  <td>
        <select class="selectMat form-control" name="heatno[]" id="campInput" style="width:;">
      
                <option value="0">select</option>
          <%
          rs=st.executeQuery("select tb.*,(select grade from grade where id=tb.grade)grd,(select id from grade where id=tb.grade)grdid from ip_heatno tb where m_id='"+id1+"'");
          while(rs.next())
          {
          %>          
           <option value="<%=rs.getString("heatno")%>"><%=rs.getString("heatno") %>--<%=rs.getString("grdid") %>--<%=rs.getString("grd") %></option>
          <%} %>
                </select>   
                 <input type="hidden" class=" descr form-control " name="gradeid[]" style="width:;" >  
                                                                
     </td>
     
<td> <input type="text" class="revno form-control " name="grade[]" style="width:;" >  </td>

 <td>
       <span class="project"> 
    <select class="selectType form-control" name="item[]" style="width:;">
                <option value="0">select</option>
          <%
          Statement st13=con.createStatement(); 
          
          ResultSet rs13=st13.executeQuery("select * from ip_products  order by product_name asc");
          while(rs13.next())
          {
          %>          
          <option value="<%=rs13.getString("product_name") %>"><%=rs13.getString("product_name")%></option>
          <%} %>
                </select>
    </span>                                                          
     </td>
 



<td><input type="text" class="form-control" name="batchno[]" value="" id="txttotal1" style="width:;" >
 
 


</td>
<td><input type="text" class="form-control" name="qty[]" value="" style="width:;" ></td>



<td><input type="text" class="form-control" name="color[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="baume[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="gra[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="bru[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="light[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="wet[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="sett[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="bou[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="cup[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="rcolor[]" value="" style="width:;" ></td>

<td><input type="text" class="form-control" name="rbaume[]" value="" style="width:;" ></td>


<td><input type="text" class="form-control" name="rgra[]" value="" style="width:;" ></td>


<td><input type="text" class="form-control" name="rsett[]" value="" style="width:;" ></td>
<td><input type="text" class="form-control" name="rcup[]" value="" style="width:;" ></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>
</div>
    <hr> 
    
    
 
<!-- -------------------------------------------------------------------------------------3rd table -->
 <br>
     <div class="modal-footer" id="contact_submit">
       <a href="">  <input type="button" value="Back" style="background:#204b58;" class="pull-left btn btn-info"  onclick="goBack()"/></a>
          <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>
    $(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]);
      $(".price:last").val(p[6]);
    });
    </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 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>
        $(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>