Current File : //home/obabain/public_html/abc/meltingLog_2.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ include file="Connection.jsp" %>
   
      <%
Statement st=con.createStatement();
      String fid=request.getParameter("id");
ResultSet rs = null;
%>
<%!
String furnace_no=null;String f_ontime=null;String f_offtime=null;String shift=null;String date=null;String product=null;
String heat_no=null;String pro_id=null;String furnace_id=null;String mname=null;String grad=null;String g_id=null;
double amt=0.00;
%>
   <%
ResultSet rs11=st.executeQuery("select tb.*,(select max(heat_no) from ip_furnace )as mxheat,(select furnace_name from furnace_master where fm_id=tb.furnace_no)as furid,(select product_name from ip_products where product_id=tb.product)as pro,(select grade_name from melting_standard where id=tb.grade_name)as grad from ip_furnace tb where m_id='"+fid+"'");
while(rs11.next()){
	furnace_id=rs11.getString("furnace_no");
	 furnace_no=rs11.getString("furid"); 
	f_ontime=rs11.getString("f_ontime");
	f_offtime=rs11.getString("f_offtime");
	shift=rs11.getString("shift");
	date=rs11.getString("date");
	pro_id=rs11.getString("product");
	product=rs11.getString("pro");
	heat_no=rs11.getString("mxheat");
	mname=rs11.getString("mname");
	grad=rs11.getString("grad");
	
	g_id=rs11.getString("grade_name");
	
}
%> 
<!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; }
      */
   hr{

border-top: 1px solid green;
}
     </style> 
  
 
   
</head>
<body>


<%@include file="master.jsp" %>  
<form action="mlDA_2.jsp" >
 
<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 Log Sheet</h3>
                 <a class="btn btn-danger pull-right pull-top" style="margin-top:-24px; " href="melting_View2.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" > 
     
       <input type="hidden" name="g_id"  value="<%=g_id %>"> 
     
       <input type="hidden" name="fid"  value="<%=fid %>"   > 
        <input type="hidden" name="pro_id"  value="<%=pro_id %>"   > 
         <input type="hidden" name="furnace"  value="<%=furnace_id %>"   > 
          <div class="col-xs-2">
       <label for="lastname" style="margin-left:5px;">Manufacturing No</label>
                <input type="text" name="mname" class="form-control" value="<%=mname%>" > 

       </div> 
       <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px; color:red;">Furnace No.</label> 
          <input type="text" name="furnaceid"  value="<%=furnace_no %>" class="form-control" disabled="disabled" > 
          
          </div>  
         
          <div class="col-xs-2">
       <label for="lastname" style="margin-left:5px;"> Furnace ON Time</label>
                <input type="text" name="fon" class="form-control" value="<%=f_ontime %>" > 

       </div> 
        <div class="col-xs-2">
       <label for="lastname" style="margin-left:5px;"> Furnace OFF Time</label>
                <input type="text" name="foff" class="form-control" value="<%=f_offtime%>" > 

       </div>   
         <div class="col-xs-2">
     <label for="lastname" style="margin-left:5px;">Pump Condition</label>
                  <input type="text" name="pcondition" class="form-control" > 
  
 <%--  <select name='country' onchange="showState(this.value)" class="select1 form-control">  
       <option value="none">Select</option>  
    <%
 rs = st.executeQuery("select * from account_ledger order by ledger_name asc");
 while(rs.next()){
     %>
      <option value="<%=rs.getString("l_id")%>"><%=rs.getString("ledger_name")%></option>  
      <%
 }
     %>
      </select>  --%>
      </div> 
       <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;">Lining Condition</label>
        <input type="text" class="gtot form-control" name="lconditon">
        
       
        
        </div> 
    
       
         <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;">Shift</label>
         <input type="text" name="shift" class="form-control" value="<%=shift%>" > 
      <%--  <select class="select1 form-control" name="shift" id="campInput" style="width:100%;" >
                <option value="0">select</option>
                <option value="1st SHIFT">1st SHIFT</option>
                <option value="2nd SHIFT">2nd SHIFT</option>
          <%
          rs=st.executeQuery("select * from account_ledger where under = 17 or under=16 or under= 15 order by ledger_name asc");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("l_id") %>"><%=rs.getString("ledger_name") %></option>
          <%} %>
                </select> --%>
        </div> 
          <div class="col-sm-2 ">
          <label for="lastname" style="margin-left:5px;">Date</label> 
          <input type="text" name="crdate" class="form-control" value="<%=date%>" id="datetimepicker" > 
          </div>   
          
       </div>
     
   
    
     
        <hr> 
       <h5> <u>Last Heat No:<span style="color:blue;"><%=heat_no%></span> </u> </h5>
         <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"  > 
         <%--  <select class="select1 form-control" name='account' id="campInput" style="width:100%;" >
                <option value="0">select</option>
             <optgroup label="Product Name -  Unit">    
              
           <%
          rs=st.executeQuery("select tb.*,(select unit_name_plrl from ip_units where unit_id=tb.unit_id)as un from ip_products tb where family_id='1'");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %>&emsp; &emsp;&emsp;<%=rs.getString("un") %></option>
          <%} %> 
              </optgroup>
                </select> --%>
          </div> 
         <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px; ">Material&nbsp;Name </label> 
           <input type="text" name="product" class="form-control" value="<%=product%>"  disabled="disabled"> 
          </div> 
          
          <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px; ">Material&nbsp;Grade </label> 
           <input type="text" name="grad" class="form-control" value="<%=grad%>"  disabled="disabled"> 
          </div>   
         
      
        <!--    <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px; ">Furnace&nbsp;Lining&nbsp;No</label> 
           <input type="text" name="flno" class="form-control"  > 
         
          </div>  -->    
       <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px; ">Heat&nbsp;Start&nbsp;Time</label> 
           <input type="text" name="hstime" class="form-control"  > 
        
          </div>  
         
          <div class="col-xs-2">
       <label for="lastname" style="margin-left:5px;">Heat End&nbsp;Time</label>
                <input type="text" name="hetime" class="form-control" > 

       </div> 
        <div class="col-xs-2">
       <label for="lastname" style="margin-left:5px;"> Heat&nbsp;Total&nbsp;Time</label>
                <input type="text" name="htotal" class="form-control" > 

       </div>      
       </div>
        <br>
        <hr>
        <table class="table  table-hover additionalMargin alignment" id="table1">
        <thead>
        <tr class="info">
        <th>Raw Materials( Product Name )</th><th style="text-align:center;">Quantity</th><th></th>
        </tr>
        </thead>
        <tbody>
    
    <tr class='template'>
    
    <td style="width:50%;">
        <div class="row">
        
     <!--  <div id='state' class="col-md-4" style="width:100%;">  -->
    
      <select name="raw[]"  class="selectType form-control" style="width:60%;">  
      <option value="0">select</option>
         <optgroup label="RawMaterial -  Unit">    
           <%
          rs=st.executeQuery("select tb.*,(select unit_name_plrl from ip_units where unit_id=tb.unit_id)as un from ip_products tb where family_id='2'");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %>&emsp; &emsp;&emsp;<%=rs.getString("un") %></option>
          <%} %> 
              </optgroup>
      </select>  
      </div>  
<!-- </div> -->
</td>

<td style="width:45%;" align="center">
<input type="text" class="amt form-control" name="rawqty[]" value="
" style="width:51%;">
</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='add' class="pull-left btn btn-default">ADD BILL</a></div>
<br>
<!-- ----------------------------------------------------------------------------------------------------------2nd table -->
<hr>
 <table class="table  table-hover additionalMargin alignment" id="table12">
        <thead>
        <tr class="danger">
        <th>Ferro Alloy( Product Name )</th><th style="text-align:center;">Quantity</th><th></th>
        </tr>
        </thead>
        <tbody>
    
    <tr class='template1'>
    
    <td style="width:50%;">
        <div class="row">
        
     <!--  <div id='state' class="col-md-4" style="width:100%;">  -->
    
      <select name="ferro[]"  class="selectType form-control" style="width:60%;">  
      <option value="0">select</option>
         <optgroup label="RawMaterial -  Unit">    
           <%
          rs=st.executeQuery("select tb.*,(select unit_name_plrl from ip_units where unit_id=tb.unit_id)as un from ip_products tb where family_id='2'");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %>&emsp; &emsp;&emsp;<%=rs.getString("un") %></option>
          <%} %> 
              </optgroup>
      </select>  
      </div>  
<!-- </div> -->
</td>

<td style="width:45%;" align="center">
<input type="text" class="amt form-control" name="ferroqty[]" value="
" style="width:51%;">
</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='add12' class="pull-left btn btn-default">ADD BILL</a></div>


<!--<div class="col-xs-4">
<input type="button" id="addc" class="addc pull-left btn btn-default" value="Other Charges"></div>
<a id='addother' class="pull-left btn btn-danger">Add FerroAlloys</a></div> -->
<br> 
<hr>
<!-- -------------------------------------------------------------------------------------3rd table -->
<table class="table  table-hover additionalMargin alignment" id="table123">
        <thead>
        <tr class="success">
        <th>INNOCULATIONS( Product Name )</th><th style="text-align:center;">Quantity</th><th></th>
        </tr>
        </thead>
        <tbody>
    
    <tr class='template2'>
    
    <td style="width:50%;">
        <div class="row">
        
     <!--  <div id='state' class="col-md-4" style="width:100%;">  -->
    
      <select name="inno[]"  class="selectType form-control" style="width:60%;">  
      <option value="0">select</option>
         <optgroup label="RawMaterial -  Unit">    
           <%
          rs=st.executeQuery("select tb.*,(select unit_name_plrl from ip_units where unit_id=tb.unit_id)as un from ip_products tb where family_id='2'");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %>&emsp; &emsp;&emsp;<%=rs.getString("un") %></option>
          <%} %> 
              </optgroup>
      </select>  
      </div>  
<!-- </div> -->
</td>

<td style="width:45%;" align="center">
<input type="text" class="amt form-control" name="innoqty[]" 
 style="width:51%;">
</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='add123' class="pull-left btn btn-default">ADD BILL</a></div>

</div> <br>
     <div class="modal-footer" id="contact_submit">
         <input type="button" value="Back" style="background:#204b58;" class="pull-left 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 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();

    $('#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>



</html>