Current File : //home/obabain/autoclutchess_obaba_in/addmeltnew.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 id=request.getParameter("Id");%>
<%!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>
 <%!String lpo=null;
    String lpodate=null;
    String mid1=null;
    %>
<%   
    
	/* rs=st.executeQuery("select * from ip_porders where porder_number="+pono+"");
	while(rs.next())
	{
		POID=rs.getString("porder_id");
	} */
	rs=st.executeQuery("select * from melt1  where id="+id+"");
    while(rs.next())
    {
    
    	 lpo=rs.getString("date");
    	    lpodate=rs.getString("shift");
    	   
    }
    
    %>
  <%--   <%   
    
	/* rs=st.executeQuery("select * from ip_porders where porder_number="+pono+"");
	while(rs.next())
	{
		POID=rs.getString("porder_id");
	} */
	rs=st.executeQuery("select * from melt2  where melt_id="+id+"");
    while(rs.next())
    {
    
    	mid1=rs.getString("mid1");
    	System.out.println("mid1 is..........."+mid1);
    	   
    }
    
    %> --%>
</head>
<body onload="difftime()">

	<%@include file="master.jsp"%>
	<form action="addmeltnewDA.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">Melting Process</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="meltingprocess_new.jsp">View</a>
						</div>
						

						<div class="panel-body">

							<div class="row">

								
								<div class="col-sm-3 ">
									<label for="lastname" style="margin-left: 5px;">Date</label> <input
										type="text" name="date" class="form-control" value="<%=lpo %>" readonly>
										 <input
										type="hidden" name="wid" class="form-control" value="<%=id %>" >
								</div>

								<div class="col-sm-3 ">
									<label for="lastname" style="margin-left: 5px;">Shift</label> <input
										type="text" name="shift" class="form-control" value="<%=lpodate %>" readonly>
										
								</div>






							</div>
							
							
							
								
							
							<br>
							
			

							<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>




							<div style="overflow-x: auto;">
								<table class="table    table-bordered" id="table3">
 <caption><span style="color:green;text-align: center;"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Foundry&nbsp;Returns&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rejection&nbsp;Scrap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></span></caption>
           
									<thead>
										<tr class=success>
										<th>Furnace</th>
											<th>Heat&nbsp;No.</th>
											<th>Start&nbsp;Time</th>
											<th>End&nbsp;Time</th>
											<th>Part&nbsp;Name</th>

											<th>Part&nbsp;No.</th>

											<th>Qty</th>

											<th>Grade</th>
  <th></th>
											<th>Pig&nbsp;Iron&nbsp;Ci/SG</th>
												<th>CI Scrap</th>
											<th>Borings</th>
											<th>CRCA</th>
											<!-- <th>Foundry&nbsp;Returns</th> -->
												<th>SG</th>
											<th>Cast Iron</th>
											<!-- <th>Rejection&nbsp;Scrap</th> -->
                                              <th>SG</th>
											<th>Cast Iron</th>
											<th>Fe&nbsp;Silicon&nbsp;Lumps</th>
											<th>Fe&nbsp;Manganese</th>
											<th>Shell&nbsp;Coke</th>
											<th>Fe&nbsp;Si&nbsp;Mg</th>



											<th>Copper</th>
											<th>Sulphur</th>
											<th>Chrome</th>
											<th>phosphorus</th>
											<th>Moly</th>
											<th>Innocuiant&nbsp;Barium</th>
											<th>Innocuiant&nbsp;Ci</th>

											<th>Temperature&nbsp;Tapping</th>
											<th>Temperature&nbsp;Pouring</th>
											<th>Pouring&nbsp;temp&nbsp;First&nbsp;Box</th>
											<th>Pouring&nbsp;temp&nbsp;Last&nbsp;Box</th>
											<th>Pouring&nbsp;time&nbsp;in&nbsp;min</th>

											<th>Knock&nbsp;Out&nbsp;time&nbsp;in&nbsp;min</th>
											<th>Remarks</th>

											<th></th>
										</tr>
									</thead>
									<tbody>

										<tr class='template3'>
<td>	<select
										class=" form-control" name="furnace[]" id="campInput"
										style="width: 100%;">
										<option>select</option>
										<option value="F1-150Kgs">F1-150Kgs</option>
										<option value="F2-300Kgs">F2-300Kgs</option>
										<option value="F3-300Kgs">F3-300Kgs</option>
											<option value="0">None</option>
									</select></td>

											<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")%>--<%=rs.getString("partnam")%>--<%=rs.getString("partno")%>--<%=rs.getString("grade")%>--<%=rs.getString("castingwt")%></option>

													<%
														}
													%>
											</select></td>
											<td><input type="text" class=" form-control  "
												name="start[]" style="width: 100px;"></td>

											<td><input type="text" class=" form-control  "
												name="end[]" style="width: 100px;"></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" style="width: 65px;"
												class="form-control" name="qty[]" value="
"></td>

	<td>
										<input type="text" style="width: 65px;"
												class="drgno form-control input-group-lg reg_name" name="grade[]" value="">	
											
										
											</td>
											
												<td>
										<input type="text" style="width: 65px;"
												class="div form-control input-group-lg reg_name" name="castwt[]" value="" readonly>	
											
										
											</td>
											
											<td><input type="text" class="form-control"
												name="pig_iron[]" value="
"></td>

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





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


											<!-- <td><input type="text" style="" class="form-control "
												name="Foundry[]" value="
"></td> -->
<td><input type="text" class="form-control"
												name="sg1[]" style="width: 100px;" value="
"></td>
<td><input type="text" class="form-control"
												name="cast1[]" style="width: 100px;" value="
"></td>
											<!-- <td><input type="text" class="form-control"
												name="Rejection[]" value="
" id></td> -->
                                                  <td><input type="text" class="form-control"
												name="sg2[]" style="width: 100px;" value="
"></td>
<td><input type="text" class="form-control"
												name="cast2[]" style="width: 100px;" value="
"></td>

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

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

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

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

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

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

											<td><input type="text" class="form-control"
												name="Chrome[]" value="
" id></td>
  <td><input type="text" class="form-control"
												name="pho[]" value="
" id></td>
                <td><input type="text" class="form-control"
												name="mly[]" style="width: 80px;" value="
" id></td>


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


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

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

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

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

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

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

											<td><input type="text" class="form-control"
												name="Knock_Out[]" value="
" id></td>
											<td><input type="text" class="form-control" name="rem[]"
												value="
" id></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 pad(num) {
			return ("0" + num).slice(-2);
		}
		function diffTime(start, end) {
			var s = start.split(":"), sMin = +s[1] + s[0] * 60, e = end
					.split(":"), eMin = +e[1] + e[0] * 60, diff = eMin - sMin;
			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('delay').value = diffTime(document
					.getElementById('timeOfCall').value, document
					.getElementById('timeOfResponse').value);
		}
	</script>

<script>
$(function() {
    function calculate() {
        $("tr").each(function(i, el) {       
            if ($(this).find(".Time1").length > 0) {         
                var time1 = $(this).find(".Time1").val().split(':'),
                    time2 = $(this).find(".Time2").val().split(':');
                var hours1 = parseInt(time1[0], 10),
                    hours2 = parseInt(time2[0], 10),
                    mins1 = parseInt(time1[1], 10),
                    mins2 = parseInt(time2[1], 10);
                var hours = hours2 - hours1,
                    mins = 0;
                if (hours < 0) hours = 24 + hours;
                if (mins2 >= mins1) {
                    mins = mins2 - mins1;
                } else {
                    mins = (mins2 + 60) - mins1;
                    hours--;
                }
                mins = mins / 60; // take percentage in 60
                hours += mins;
                hours = hours.toFixed(2);
                $(this).find(".Hours").val(hours);
            }
        });
    }
    $(".Time1,.Time2").change(calculate);
    calculate();
});

</script>


















	<script>
		function sum() {
			var txtFirstNumberValue = document.getElementById('txt1').value;
			var txtSecondNumberValue = document.getElementById('txt2').value;
			var result = parseInt(txtSecondNumberValue)
					- parseInt(txtFirstNumberValue);
			if (!isNaN(result)) {
				document.getElementById('txt3').value = result;
			}
		}
	</script>
	<script>
		function sumtwo() {
			var txtFirstNumberValue = document.getElementById('txt4').value;
			var txtSecondNumberValue = document.getElementById('txt5').value;
			var result = parseInt(txtSecondNumberValue)
					- parseInt(txtFirstNumberValue);
			if (!isNaN(result)) {
				document.getElementById('txt6').value = result;
			}
		}
	</script>
	<script>
		function sumone() {
			var txtFirstNumberValue = document.getElementById('txt7').value;
			var txtSecondNumberValue = document.getElementById('txt8').value;
			var result = parseInt(txtSecondNumberValue)
					- parseInt(txtFirstNumberValue);
			if (!isNaN(result)) {
				document.getElementById('txt9').value = result;
			}
		}
	</script>
	<script>
		function sumo() {
			var txtFirstNumberValue = document.getElementById('txt10').value;
			var txtSecondNumberValue = document.getElementById('txt11').value;
			var result = parseInt(txtSecondNumberValue)
					- parseInt(txtFirstNumberValue);
			if (!isNaN(result)) {
				document.getElementById('txt12').value = result;
			}
		}
	</script>
	
	<script>
		function sumot() {
			var txtFirstNumberValue = document.getElementById('txt13').value;
			var txtSecondNumberValue = document.getElementById('txt14').value;
			var result = parseInt(txtSecondNumberValue)
					- parseInt(txtFirstNumberValue);
			if (!isNaN(result)) {
				document.getElementById('txt15').value = result;
			}
		}
	</script>
	<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(di) - parseFloat(s);
			$('.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]);
		});
	</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   -->


<!-- ------------------------------------------------------------------------------------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>

















<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>








</html>