Current File : /home/obabain/anms_obaba_in/SalesInvoice25.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
        <%@ include file="Connection.jsp" %>
         <%
         String sino=(String)session.getAttribute("sino");
    Statement st=con.createStatement();
    
	rs=st.executeQuery("select * from ip_sales_invoice4 where sales_invoice_no='"+sino+"'");
	while(rs.next())
	{
		SID=rs.getString("sinvoice_id");
	}
         
          rs=st.executeQuery("select tb.*,(select concat(client_address_1,client_city) from ip_clients where client_id=tb.client_id )addr,(select client_name from ip_clients where client_id=tb.client_id)cust,(select client_state from ip_clients where client_id=tb.client_id)stat,(select client_city from ip_clients where client_id=tb.client_id)cityy from ip_sales_invoice4 tb where sinvoice_id="+SID+"");
         while(rs.next())
         {
         lpo=rs.getString("sales_invoice_no");
      
         lpodate=rs.getString("invoice_date_created");
         pono=rs.getString("pono");
         //dp=rs.getString("porder_despatch_through");
         //url=rs.getString("porder_url_key");
         ship=rs.getString("addr");
         supplname=rs.getString("cust");
         supplid=rs.getString("client_id") ;
         sta=rs.getString("stat");
         stato=rs.getString("cityy");

         }
    %>
    <%!int inid=0; 
    ResultSet rs=null;
    String lpo=null;
    String lpodate=null;
    String pono=null;
    String dp=null;
    String url=null;
    String ship=null;
    String date=null;
    String supplname=null;
    String sta=null;
    String stato=null;

    String supplid=null;
    String SID=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">
<title>Sales Invoice</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.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">
  
</head>
<body>
<%@include file="master.jsp" %>
<form  method="post"name= "so" action="siDA25.jsp">

<div class="content">
<div class="row">
<div class="col-md-9"  style="background-color:white;">
<div class="panel panel-default" >
       <div class="panel-heading main-color-bg">
        <h3 class="panel-title">Sales Invoice</h3>
              </div>
             </div>
<div class="panel-body">
<div class="row">
<div class="form-group col-xs-4">

           <span style="color:#69BC98; font-size:large;"> <b><%=supplname %></b></span></br>
           <%=ship %></br>
           <%=sta %>
           
            <%-- <div class="onerow">
            Last PO Created:<span style="color:red;"><%=lpo %></span>
            </div> --%>
            </div>
</div>
<div class="row">
<div align="right" >
 <a href="ViewInvoices.jsp" style="background:#204b58;" class="btn btn-info"  >View</a>
 </div>
<div class="form-group col-xs-2">
            <div class="onerow">
            <p><label for="status" style="margin:5px;">
            Invoice No.</label></p>
<input type="text"  class="form-control" name="invoiceno" value="<%=lpo %>" readonly="readonly">
            </div>
            

</div>
<div class="form-group col-xs-2">
<p><label for="status" style="margin:5px;">
Invoice Date</label></p>
<input type="text"  class="form-control"  name="invoicedate"  value="<%=lpodate%>" readonly="readonly">
</div>
<div class="form-group col-xs-2">
<p><label for="status" style="margin:5px;">
P.O No.</label></p>
<input type="text" class="form-control" name="PoNo" readonly="readonly" value="<%=pono%>">
</div>
<%-- <div class="form-group col-xs-3">
<p><label for="status" style="margin:5px;">
Client Name</label></p>
<select id="ddlsname" name="cname" class="form-control">
<%Statement st1=con.createStatement();
ResultSet r1=st1.executeQuery("select * from ip_clients");
while(r1.next())
{
%>
<option value="<%=r1.getString("client_id") %>"><%=r1.getString("client_name") %></option>
<%} %>
</select>
</div> --%>

</div>
<div class="row">
<!-- <div class="form-group col-xs-2">
Due Date
<input type="text"  class="form-control"  name="duedate">
</div> -->
<!-- <div class="form-group col-xs-2">
 <p> <label for="invgrp" style="margin:5px;">
Invoice Group</label></p>
<select  class="form-control" name="invgrp">
<option value="1">Porder default</option>
<option value="2">Invoice default</option>
<option value="3">Quote default</option>
</select>


</div> -->
<div class="form-group col-xs-2">

</div>

<!-- <div class="form-group">
Quotation No
<input type="text" class="form-control" name="qtno">
</div> -->


</div>
</div>
<hr>  
            <b></b>         
            <br><br>
<div class="panel-body">
<table id="myTable" class="table table-bordered">
<tr>

<th>Product Name</th>
<th>Product Description</th>
<th>HSN</th>
<th>Price</th>
<th> Qty</th>
<th>Rejected Qty</th>

<th>Unit</th>
<th>Tax rate</th>
<th>Tax amt.</th>
<th>Subtotal</th>
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="cname" style="margin:5px;" >
Client Name</label></p>
<select id="ddlsname" name="cname" class="form-control">
<option value="0">select</option>
<%Statement st1=con.createStatement();
ResultSet r1=st1.executeQuery("select * from ip_clients order by client_name asc");
while(r1.next())
{
%>
<option value="<%=r1.getString("client_id") %>"><%=r1.getString("client_name") %></option>
<%} %>
</select>
</div> 

</div>

<th></th>
</tr>
<tbody style="font-size:12px;">
<%
String[] pname=null;
pname=request.getParameterValues("qns[]");
//String[] a:split(name,"_");

for(int x=0; x<pname.length;x++){
String[] pa=pname[x].split("_");
%>
<tr>
<td>
<input type="hidden" name="itemid[]" value="<%=pa[0] %>" >
<input type="text" name="item[]"  value="<%=pa[1] %>">
</td>
<td>
<input type="text" name="desc[]" value="<%=pa[2] %>">
</td>
<td><input type="text" name="sku[]" class="txtstyle" value="<%=pa[3] %>">
</td>
<td>
<input type="text" name="price[]" class="price txtstyle" value="<%=pa[4] %>">
</td>

<td>
<input type="text" name="qty[]" class="qty txtstyle" value="0">
</td>
<td>
<input type="text" name="rej[]" class="rej txtstyle" value="0">
</td>
<td>
<select name="unit[]">
<option>select</option>
<%
Statement st5=con.createStatement();
ResultSet r3=st5.executeQuery("select * from ip_units");
while(r3.next())
{
%>
<option value=" <%=r3.getString("unit_id") %>"><%=r3.getString("unit_name_plrl") %></option>
<%} %>
</select>
</td>
<td>
<select name="tax[]" class="amt">
<option>select</option>
<%
Statement stt=con.createStatement();
ResultSet rst=stt.executeQuery("select * from ip_tax_rates");
while(rst.next())
{
%>
<option value="<%=rst.getString("tax_rate_id") %>"><%=rst.getString("tax_rate_name") %>-<%=rst.getString("tax_rate_percent") %></option>
<%} %>
</select>
</td>
<td><input class="taxamt txtstyle" value="0"></td>
<td>
<input  class="subtotal txtstyle" value="0">
</td>
<td>
 <a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></i> </a>
</td>
</tr>
<%} %>
<!--  
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
Subtotal
</td>
<td>
Tax
</td>
<td>Total</td>
</tr> -->
</tbody>
</table>
</div>
<div class="panel-body">
<div class="col-md-7">

<!-- 
<a class="btn btn-default" onClick="openwin(document.po.itemid,document.po.item,document.po.desc,document.po.sku,document.po.qty,document.po.price)"><li class="glyphicon glyphicon-shopping-cart"></li>Add Product</a>
 -->
</div>
<div>
<div class="col-md-5">
<table class="table table-bordered">
<tr>
<td align="right">Subtotal</td>
<td align="right">&#8377;<input type="text" class="subgtotal" value="0"></td>
</tr>
<tr>
<td align="right">Discount</td>
<td align="right">
<input type="text" class="txtstylesmall" name="discper"  value="0">&#37;
<input type="text" class="disc txtstylesmall" name="discamt"  value="0"> &#8377;</td>
</tr>
<tr>
<td align="right">Packing/Forwarding Charges</td>
<td align="right"><input type="text" class="pfc txtstylesmall" name="forwchrg"  value="0"></td>
</tr>
<tr>
<td align="right">E-way Bill No.</td>
<td align="right"><input type="text" class="pfc txtstylesmall" name="eway"  value="0"></td>
</tr>
<tr>
<td align="right"><label name="tot">Total</label></td>
<td align="right">&#8377;<input type="text" class="gtotal txtstylesmall"  value="0"></td>
</tr>
</table>
</div>
</div>
</div>
<div class="panel-body">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading main-color-bg">
                <h3 class="panel-title">Shipping address</h3>
              </div>
<div class="panel-body">
<div class="form-group">
<textarea rows="3" class="form-control" name="ship"><%=ship %></textarea>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading main-color-bg">
                <h3 class="panel-title">Shipping City</h3>
              </div>
<div class="panel-body">
<div class="form-group">
<textarea rows="3" class="form-control" name="stato"><%=stato %></textarea>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading main-color-bg">
                <h3 class="panel-title">Attachments</h3>
              </div>
<div class="panel-body">
<div class="form-group">
<a class="btn btn-default"><li class="glyphicon glyphicon-plus"></li>Add Files</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="modal-footer" id="contact_submit">

			<a class="btn btn-default" href="SalesInvoice.jsp">Reset</a>
			<input type="submit" value="Save Changes" style="background:#204b58" class="btn btn-info">
			<input type="button" value="Back" style="background:#204b58; margin-right:650px;" class="btn btn-info pull-left"  onclick="goBack()"/>
			</div>
</div>
</div>

			
			</div>
			</div>
		
			<%@include file="footer.jsp" %>
			</form>

			    <script type="text/javascript">
function goBack() {
    window.history.back();
   
};
</script>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script>
    <script src="js/select2.min.js"></script>
    <script src="js/jquery.datetimepicker.full.js"></script>
   
    <script>
    $('select').select2();
    </script>
     <script>
     jQuery('#datetimepicker').datetimepicker({
    	 timepicker:false,
    	 todayBtn: "linked"
    	 //mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
    	});
    </script>
			    <script type="text/javascript">
			    function openwin(targetField,targetField2,targetField3,targetField4,targetField5,targetField6){
			    	var w1=window.open('SalesSelectInvoice.jsp','_blank','top=80,left=70,width=1400,height=650,scrollbars=1');
			    	w1.targetField=targetField;
			    	w1.targetField2=targetField2;
			    	w1.targetField3=targetField3;
			    	w1.targetField4=targetField4;
			    	w1.targetField5=targetField5;
			    	w1.targetField6=targetField6;

			    	w1.focus();
			    	
			    };
			    
			    </script>
			    <script>
			    function setSearchRslt7(targetField,targetField2,targetField3,targetField4,targetField5,targetField6,returnvalue,returnvalue2,returnvalue3,returnvalue4,returnvalue5,returnvalue6)
			    {
			    		    var table = document.getElementById("myTable");
			    		    var lastRow = table.rows.length;
			    		   
			    		    var row = table.insertRow(lastRow);
			    		    var cell1 = row.insertCell(0);   		   
			    		    var cell2 = row.insertCell(1);
			    		    var cell3 = row.insertCell(2);   		
			    		    var cell4 = row.insertCell(3);
			    		    var cell5 = row.insertCell(4);
			    		    var cell6 = row.insertCell(5);
			    		    var cell7 = row.insertCell(6);
			    		    var cell8 = row.insertCell(7);
			    		    var cell9 = row.insertCell(8); 
			    		    
			    		    targetField.value=returnvalue;
			    		    targetField2.value=returnvalue2;
			    		    targetField3.value=returnvalue3;
			    		    targetField4.value=returnvalue4;
			    		    targetField5.value=returnvalue5;
			    		    targetField6.value=returnvalue6;
			    		    

			    		    		   cell9.innerHTML = "<a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></i> </a>";
			    		    			//   cell5.innerHTML  = "<input type='text' name='txttotal' class='txtstyle'>";
			    	   
			    		    		   if(lastRow==2)
			   		    		    	document.getElementById("myTable").deleteRow(2);
			    }
			    </script>
			    <script langauge="JavaScript">

			    function deleteRow(btn) {
			  	  var row = btn.parentNode.parentNode;
			  	  row.parentNode.removeChild(row);
			  	}
			  </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);
			     

			    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'>"
			     cell6.innerHTML ="<input type='text' name='price[]' class='txtstyle'>"
			     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");
			     
			  };

			  var i=2;
			  $(".addmore").on('click',function(){
			  	count=$('table tr').length;
			      var data="<tr><td><input type='hidden' name='itemid'><input type='text' name='item' class='txtstyle'></td><td><span id='snum"+i+"'>"+count+".</span></td>";
			      data +="<td><input type='text' class='form-control input-group-lg reg_name'  style='width:150px;margin:5px;' id='first_name"+i+"' name='first_name[]'/></td> <td><input type='text' class='form-control input-group-lg reg_name'  style='width:150px;margin:5px;' id='last_name"+i+"' name='last_name[]'/></td><td><input type='text'  class='form-control input-group-lg reg_name'  style='width:150px;margin:5px;' id='tamil"+i+"' name='tamil[]'/></td><td><input type='text' class='form-control input-group-lg reg_name'  style='width:150px;margin:5px;' id='english"+i+"' name='english[]'/></td><td><input type='text' class='form-control input-group-lg reg_name'  style='width:150px;margin:5px;' id='computer"+i+"' name='computer[]'/></td><td></tr>";
			  	$('table').append(data);
			  	i++;
			  });

			  </script>
			  <script>
			  function Add(){ $("#myTable tbody").append("<tr>"+ "<td><input type='text'/></td>"+ "<td><input type='text'/></td>"+ "<td><input type='text'/></td>"+ "<td><img src='images/disk.png' class='btnSave'><img src='images/delete.png' class='btnDelete'/></td>"+"</tr>");  }; 
			  </script>
			  
			  <script>
$(document).on("change", ".amt", function() {
    var parent = $(this).parents('tr');
    var price = $('.price', parent);
    var qty = $('.qty', parent);    
    var sum = $('.taxamt', parent);
    var sub = $('.subtotal', parent);
    var amt = $('.amt', parent);    
    var a=amt.find('option:selected').text();
    var arr=[];
    arr=a.split('-')
    var value = parseFloat(qty.val()) * parseFloat(price.val());
    sum.text(value);
    var x=0;
    
    if(arr[0]=='IGST')
    	{
    	x=value*arr[1]/100;
    	
    	}
    else
    	{
    	x=value*arr[1]*2/100;
    	
    	}
    $(sum).val(x);
    var y=value+x;
    $(sub).val(y);
    var sum2=0;
    $(".subtotal").each(function(){
        sum2 += +$(this).val();
    });
    $(".subgtotal").val(sum2);
    $(".gtotal").val(sum2);
    
    
});

$(document).on("change", ".disc", function(){
var p=$(".pfc").val();
	if(p=="")
		{
		p=0;
		}
	var s=$(".subgtotal").val();
	if(s=="")
		{
		s=0;
		}
	var di=this.value;
	if(di=="")
		{
		di=0;
		}
	var g=parseFloat(s)-parseFloat(di);
	$(".gtotal").val(g);
	
});
$(document).on("change", ".pfc", function(){
	var s=$(".subgtotal").val();
	if(s=="")
		{
		s=0;
		}
	var di=$(".disc").val();
	if(di=="")
		{
		di=0;
		}
	var p=this.value;
	if(p=="")
		{
		p=0;
		}
	var g=parseFloat(s)-parseFloat(di)+parseFloat(p);
	$(".gtotal").val(g);
	
});

</script>
			  </body>
			  </html>