Current File : //home/obabain/public_html/abc/mouldingnew.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 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="mouldingnewDA.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">Moulding</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="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;">Date</label> 
          <input type="Date" name="date" class="form-control" > 
          </div>
       <div class="col-xs-2" style="margin-top:5px">
        <label for="lastname" style="margin-left:5px;">Shift</label>
         <select class="selectType form-control" name="shift" id="campInput" >
                <option value="0">select</option>
          <%
          rs=st.executeQuery("select * from shift");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("shift") %>"><%=rs.getString("shift")%></option>
          <%} %>
                </select>
        </div> 
      
         
       
          
          
     </div>
    
     
   
    
    
       
        
        
        
        
        
        
        
        
        <%--  <div class="row" > 
         
          <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px;color:red;">Heat&nbsp;Number </label> 
         <input type="text" name="heatno" class="form-control"  > 
       
          </div> 

          <div class="col-sm-3">
          <label for="lastname" style=";">Material&nbsp;Grade </label> 
        <!--   <input type="text" name="payno" class="form-control"  > -->
          <select class="select1 form-control" name="grade_name" id="campInput" style="width:;" >
                <option value="0">select</option>
             <!-- <optgroup label="Product Name -  Unit">  -->   
              
           
             
                </select>
          </div> 
         
      
          <!--  <div class="col-sm-2">
          <label for="lastname" style="margin-left:-30px; ">Furnace&nbsp;Lining&nbsp;No</label> 
           <input type="text" style="margin-left:-30px; " name="flno" class="form-control"  > 
         
          </div>   -->   
 
                      <div class="col-xs-2">
          <label for="lastname">Heat&nbsp;Start&nbsp;Time</label> 
           <input type="time"   name="hstime" id="start" class="form-control" value="00:00" onblur="difftime()" > 
        
          </div>  
         
          <div class="col-xs-2">
       <label for="lastname">Heat End&nbsp;Time</label>
                <input type="time"  name="hetime" id="end" class="form-control" value="00:00" onblur="difftime()"> 
           <input type="hidden" class="form-control"     id="brk"  name="break_time" placeholder="" value="00:00" onblur="difftime()">     

       </div>
        <div class="col-xs-1">
           <label for="">Calculate</label>
           <input type="button"  id="button"   placeholder="" value="click">
         </div> 
           <div class="col-xs-2">
       <label for="lastname" > Heat&nbsp;Total&nbsp;Time</label>
                <input type="text"  id="diff" name="htotal" 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>Heat&nbsp;No.</th>
        <th>Part&nbsp;Name</th>
       
        <th>Part&nbsp;No.</th>
        <th>No.&nbsp;of&nbsp;Moulds</th>
        <th>Process</th>
        <th>1</th>
         <th>2</th>
         <th>3</th>
        
         <th>4</th>
          <th>5</th>
           <th>6</th>
            <th>7</th>
        
         <th>8</th>
          <th>9</th>
           <th>10</th>
            <th>11</th>
        
         <th>12</th>
          <th>13</th>
           <th>14</th>
         <th>15</th>
          <th>16</th>
           <th>17</th>
         <th>18</th>
          <th>19</th>
           <th>20</th>
          <th>Sleeve&nbsp;&&nbsp;Filter&nbsp;Checked</th>
           <th>First&nbsp;&&nbsp;Last&nbsp;Box&nbsp;Identification</th>
            <th>Sand&nbsp;Temp.</th>
             <th>Sign</th>
        
        
        
       <!--  <th style="text-align:center;">Quantity</th> --><th></th>
        </tr>
        </thead>
        <tbody>
    
    <tr class='template3'>
    
 <td>
  
               <select class=" selectMat form-control input-group-lg reg_name" name="heatno[]" id="ddlsname" style="width:100px;">
 
                <option value="0">select</option>
          <%
          rs=st.executeQuery("select tb.*,(select a1 from components where id=tb.partname)partnam from  foundry_masters tb");
          while(rs.next())
          {
          %>          
            <option value="<%=rs.getString("heatno")%>"><%=rs.getString("heatno") %>&nbsp;--&nbsp;<%=rs.getString("partnam") %>&nbsp;--&nbsp;<%=rs.getString("partno") %></option>
        
          <%} %>
                </select>
                    
    </td>

<td>
      
                <input type="text" class="descr form-control input-group-lg reg_name " name="partname[]" style="width:100px;">  
       
                                                             
     </td> 
     
     <td>
      
                <input type="text" class="revno form-control input-group-lg reg_name " name="partno[]" style="width:100px;">  
       
                                                            
     </td>

 
<td><input type="text" class="form-control" name="nomoulds[]" value="
" ></td>

<td>
      
          <select class="selectType form-control" name="process[]" id="campInput"  style="width:180px;">
             <option>Select</option>
       <option value="Green Sand">Green Sand</option>
       <option value="Co2 Sand">Co2 Sand</option>
        <option value="Shell Mould">Shell Mould</option>
       
                </select>
                                                        
     </td>

<td>
 
<input type="text" class="form-control" name="value1[]" value="" style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value2[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value3[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value4[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value5[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value6[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value7[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value8[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value9[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value10[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value11[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value12[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value13[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value14[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value15[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value16[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>

<td>
 
<input type="text" class="form-control" name="value17[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>
<td>
 
<input type="text" class="form-control" name="value18[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>
<td>
 
<input type="text" class="form-control" name="value19[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>
<td>
 
<input type="text" class="form-control" name="value20[]" value="
"style="width:60px;" placeholder="" id="">

 

 
 
</td>
<td>
 <select class="selectType form-control" name="sleeve[]" id="campInput" >
                <option value="Nill">Nill</option>
          <option value="OK">OK</option>
                </select>

</td>
<td>
  <select class="selectType form-control" name="box[]" id="campInput" >
                <option value="Nill">Nill</option>
          <option value="OK">OK</option>
                </select>



 

 
 
</td>











</td>

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











<!-- <td style="width:45%;" align="center">
<input type="text" class="amt form-control" name="rawqty[]" 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]);
      $(".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>
  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>