Current File : /home/obabain/public_html/abc/BNDinward.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@include file="Connection.jsp" %>
    <%--   <%
Statement st=con.createStatement();
ResultSet rs = null;
%>
 --%><% 
 String sid=request.getParameter("id");
 Statement st=con.createStatement();
 ResultSet rs = null;
 rs=st.executeQuery("select * from ip_sales_transaction where st_id="+sid+"");
        while(rs.next())
        {
        	stno=rs.getString("tnumber");
        }
        %>
         <%!int inid=0; 
    ResultSet rs=null;
    ResultSet rd=null;
    String product=null;
    String quantity=null;
    String price=null;
    String unit=null;
    String pname=null;
    String stno=null;
    %>
<!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">
     <style type="text/css">
  .template { display: none; }
  </style>
   
   
<title>Sales</title>
</head>
<body>
<%@include file="master.jsp" %>
<script>
function checkExist(){
    var xmlhttp = new XMLHttpRequest();
    var username = document.forms["jv"]["jno"].value;
    var url = "journalvouchExist.jsp?username=" + username;
    xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
            if(xmlhttp.responseText == "Duplicate Voucher No.")
                document.getElementById("isE").style.color = "red";
            else
                document.getElementById("isE").style.color = "green";
            document.getElementById("isE").innerHTML = xmlhttp.responseText;
        }
        
    };
    
    xmlhttp.open("GET",url,true);
    xmlhttp.send();

}
</script>
<form action="BNDinwardDA.jsp" name="jv">

<div class="content">
 <div class="row" style="width:90%">
    <div class="col-md-9" >
       <div class="panel panel-default" >
       <div class="panel-heading main-color-bg">
        <h3 class="panel-title">Sales Transaction</h3>
    </div>
    <br><br>
      <div class="panel-body"  >
    <div class="row" >
     <div class="col-xs-3">
          <label for="lastname" style="margin-left:5px; color:red;">Transfer&nbsp;No:</label>
          <input type="text" name="num" class="amt form-control" value="<%=stno%>" readonly="readonly">
         
          </div>  
    
    </div>
    <br>
    <table id="myTable" class="table table-bordered">
<tr>

<th>Product Name</th>
<th>Quantity</th>
<th>Price</th>
<th>Unit</th>



<!-- <th></th> -->
</tr>
<tbody style="font-size:12px;">

<%

 rs=st.executeQuery("select tb.*,(select product_name from ip_products where product_id=tb.product_id)pro from ip_salestransfer_items tb where st_id='"+sid+"'");
while(rs.next())
	
{ %>
<tr>


<td>
<%=rs.getString("pro")%>

</td>

<td>
<%=rs.getString("qty")%>
</td>
<td>
<%=rs.getString("price")%>


</td>
<td>
<%=rs.getString("unit")%>

</td>

</tr>
<%
	}%>
</tbody>
</table>
    
    
    
    
    
    
    
    
          <br>
          <table class="table table-bordered table-hover additionalMargin alignment" id="table1">
          <thead><tr class="success">
    <th style="text-align:center ">Product</th><th>Total Qty</th><th>Accepted&nbsp;Quantity</th><th>Rejected&nbsp;Quantity</th><th>Remarks</th><th></th></tr></thead>
    <tr class='template'>
     <td style="width:32%;">
    <span class="project"> 
    <select class="selectType form-control" name="product[]" id="campInput" style="width:100%;">
                <option value="0">select</option>
          <%
          rs=st.executeQuery("select * from ip_products where branch_id="+loginid+"");
          while(rs.next())
          {
          %>          
          <option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %></option>
          <%} %>
                </select>
    </span>
                                                    
     </td>
    
   
      <td>
 <input type="text" name="tot[]" class="tot form-control">                                              
              </td>
               <td>
    <input type="text" name="acc[]" class="acc form-control">
    </td>
              <td>
            
                <span><input type="text" name="rej[]" class="rej form-control" >  </span>                                              
              </td>
            <td>
            
                <span><input type="text" name="rem[]" class="rem form-control">  </span>                                              
              </td>    
              <td><a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
              
     </tr>
     </table>
      <a id='add' class="pull-left btn btn-default">ADD</a><br>
    
            </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" style="background:#204b58;" class="btn btn-info" id="save" onclick="debitcredit();">
      </div>                                     
      </div>    
    </div>
    </div>
    </div>
   
</form>
</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", ".acc", function() {
    var rej = 0;
    $(".acc").each(function(){
   var t=$(".tot:last").val();
   var a=$(".acc:last").val();
  
    rej=t-a;
    
    $( ".rej:last" ).val(rej);
    $( ".rej" ).focus();
    
    }); 	
});

$(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 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);
    	 
     });
    </script>
   <script type="text/javascript">
   function debitcredit()
   {
	   var a=document.getElementById("debit").value;
	   var b=document.getElementById("credit").value;
	   if(a!=b)
		   {
		   alert('debit and credit total should be equal');
		   }
	   var x=document.getElementById("jno").value;
		if(x==null || x=='')
			{
			alert('please enter Journal No!')
			}
   }
   </script>
   <script type="text/javascript">
function goBack() {
    window.history.back();
   
};
</script>
  
</html>