Current File : //home/obabain/public_html/abc/co2corenew.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="co2DA.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">Foundry Section Consumables</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="Co2coreproductionview.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>
    
     
   
    
    
       
        
        
        
        
        
        
        
        
        <%--  <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>Sleeve Size</th>
           <th>Sleeve Qty</th>
           <th>Filter </th>
             <th>Filter Qty</th>
            <th>Process</th>
             <th>No.&nbsp;of&nbsp;Cores</th>
         <th>Cores&nbsp;wt/No</th>
         <th>Total</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") %>&nbsp;--&nbsp;<%=rs.getString("sleeve_size")%>&nbsp;--&nbsp;<%=rs.getString("sleeve_qty")%>&nbsp;--&nbsp;<%=rs.getString("filter_qty")%>&nbsp;--&nbsp;<%=rs.getString("core_wt")%>&nbsp;--&nbsp;<%=rs.getString("process") %></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="drgno form-control input-group-lg reg_name " name="sleeves[]" style="width:100px;">  
          
                                                        
     </td>
 
<td><input type="text" style="width:65px;" class="div form-control" name="s1[]" value="
" ></td>

<td>
      
          <select class="selectType form-control" name="filter[]" id="campInput"  style="width:50px;">
             <option>Select</option>
      
       <option value="40">40</option>
        <option value="50">50</option>
         <option value="60">60</option>
          <option value="70">70</option>
          <option value="90">90</option>
        <option value="Null">Null</option>
                </select>
                                                        
     </td>
 
<td><input type="text" style="width:65px;" class="buyer form-control" name="f1[]" value="
" ></td>

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




<td><input type="text" style="width:95px;" id="price" class="form-control price txtstyle" name="core1[]" value="
" id ></td>
<td>
 
<input type="text" style="width:95px;" id="qty"  class=" price form-control qty txtstyle" name="core2[]" value="
" placeholder="" id="">

 
</td>


<td><input type="text" style="width:95px;" class="form-control netamt txtstyle" name="total[]" 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 langauge="JavaScript">
    

function addRow()
{
   var arrTables = document.getElementById('myTable');
   var oRows = arrTables.rows;
   var numRows = oRows.length;

   var newRow = document.getElementById('myTable').insertRow( numRows );
   
   
   var cell1 = newRow.insertCell(0);
   var cell2 = newRow.insertCell(1);
   var cell3 = newRow.insertCell(2);
   var cell4 = newRow.insertCell(3);
   var cell5 = newRow.insertCell(4);
   var cell6 = newRow.insertCell(5);
   var cell7 = newRow.insertCell(6);
   var cell8 = newRow.insertCell(7);
   var cell9 = newRow.insertCell(8);
   
   var x = document.getElementById('unit')
    var txt = "";
    var i;
    for (i = 0; i < x.length; i++) {
        txt =  x.options[i].text + "<br>";
        selectHTML = "<option value='" + txt + "'> </option>";
    }
  
   

   cell1.innerHTML = "<input type='hidden' name='itemid[]' ><input type='text' name='item[]' class='txtstyle'>"
     cell2.innerHTML = "<input type='text' name='desc[]'>"
     cell3.innerHTML = "<input type='text' name='sku[]' class='txtstyle'>"
     cell4.innerHTML ="<select name='unit[]'><option value='1'>Number</option><option value='2'>Kilogram</option><option value='5'>Centimeter</option></select>"
       
     cell5.innerHTML = "<input type='text' name='qty[]' class='txtstyle' value='0'>"
     cell6.innerHTML ="<input type='text' name='price[]' class='txtstyle' value='0'>"
     cell7.innerHTML = "<select name='tax[]' >  <option value='1'>9.00</option><option value='3'>18.00</option></select>"
     cell9.innerHTML = "<a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></i> </a>"
       //cell8.innerHTML  = "<input type='text' name='txttotal' class='txtstyle'>";
       cell8.innerHTML ="0.00";
     var t1=document.createElement("input");
};



</script>

<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>
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]);
       $(".process:last").val(p[7]);
    });
    </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>