Current File : /home/obabain/ms_obaba_in/PurchaseOr.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
    <%@ include file="Connection.jsp" %>
    <%!String lpo=null;
    String lpodate=null;
    String qno=null;
    String dp=null;
    String url=null;
    String ship=null;
    int inid=0;
    String date=null;
    String supplname=null;
    String sta=null;
    String supplid=null;
    String paym=null;
    String status=null;
    String comp=null;
	String add1=null;
	String add2=null;
	String city=null;
	String zip=null;
	String podate=null;
	String phone=null;

	String email=null;
	String web=null;
	String gst=null;
	ResultSet rs=null;
	String deptch=null;

	String sname=null;


	String POID=null;
    %>
    <%   
    String pid=(String)session.getAttribute("pid");
	Statement st=con.createStatement();
	rs=st.executeQuery("select * from enquire where pid="+pid+"");
	while(rs.next())
	{
		POID=rs.getString("pid");
	}
	ResultSet rs=st.executeQuery("select tb.*,(select supplier_name from ip_suppliers where supplier_id=tb.supplier_id)suppl from enquire tb ");
    while(rs.next())
    {
    	
		pid=rs.getString("pid");
		podate=rs.getString("addresss");
		deptch=rs.getString("phnoo");
		sname=rs.getString("suppl");

		paym=rs.getString("mailo");
    }
    rs=st.executeQuery("select * from ip_users");
    while(rs.next())
    {
    	comp=rs.getString("user_company");
      	 add1=rs.getString("user_address_1");
   	 add2=rs.getString("user_address_2");
   	 city=rs.getString("user_city");
   	 zip=rs.getString("user_zip");
   	 phone=rs.getString("user_phone");
   	 email=rs.getString("user_email");
   	 web=rs.getString("user_web");
   	 gst=rs.getString("user_vat_id");
    }
   
    %>
    
<!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>Purchase</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>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css">
    <link href="css/jquery.datetimepicker.css" rel="stylesheet">
</head>
<body>
<%@include file="master.jsp" %>
<form  method="post" name="po"  action="poD.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">Purchase Order</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><%=sname %></b></span></br>
         
           
            <%-- <div class="onerow">
            Last PO Created:<span style="color:red;"><%=lpo %></span>
            </div> --%>
            </div>
</div>
<div class="row" >
        <div align="right" >
 <a href="ViewPorder.jsp" style="background:#204b58;margin-right: 40px" class="btn btn-info"  >View</a>
 </div>
 <div class="form-group col-xs-2">
             
            <div class="onerow">
<p> <label for="firstname" style="margin:5px;" >Enquire No.</label></p>
<input type="text" class="form-control" name="pid" value="<%=pid %>" readonly="true" >
</div>
</div>



<!--  
<div class="form-group">
Expires(Date) 
<input type="text" class="form-control" name="expdate" placeholder="mm/dd/yyyy">
</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-3">
               <p> <label for="ddlsname" style="margin:5px;">
Supplier Name</label></p>
<select id="ddlsname" name="sname" class="form-control">
<%Statement st1=con.createStatement();
ResultSet r1=st1.executeQuery("select * from ip_suppliers");
while(r1.next())
{
%>
<option value="<%=r1.getString("supplier_id") %>"><%=r1.getString("supplier_name") %></option>
<%} %>
</select>
</div> --%>
</div>
<div class="row" >





<!-- 
<div class="form-group">
Porder password
<input type="text" class="form-control" name="password">
</div>
 -->
</div>
</div>
<hr>  
            <b></b>         
            <br><br>
<div class="panel-body">
<table id="myTable" class="table table-bordered">
<tr>

<th>Product </th>
<th>Product Description</th>
<th>HSN</th>
<th>Price</th>

<th>Qty</th>

<th>Unit</th>
<th>Tax rate</th>
<th>Tax amt.</th>

<th>Subtotal</th>
<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[]" id="item" value="<%=pa[1] %>" >
  
</td>
<td>
<input type="text" name="desc[]" value="<%=pa[2] %>">
</td>
<td>
<input type="text" >
</td>
<td>
<input type="text" name="qty[]" id="qty" class="qty txtstyle" value="0">
</td>
<td><input type="text" name="sku[]" class="txtstyle" value="<%=pa[3] %>">
</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>
 <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="addRow()"><li class="glyphicon glyphicon-plus"></li>Add new record</a>
 
<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>
 
 
 <a class="btn btn-default" onClick="opensel()"><li class="glyphicon glyphicon-shopping-cart"></li>Add Product</a>

 <a class="btn btn-default" onClick="goBack()"><li class="glyphicon glyphicon-shopping-cart"></li>Add Products</a>
  -->
</div>

</div>

<div class="row" >
<div class="modal-footer" id="contact_submit">
<input type="button" value="Back" style="background:#204b58;" class="btn btn-info pull-left"  onclick="goBack()"/>
<a class="btn btn-default" href="PurchaseOrder.jsp">Reset</a>
<input type="submit" value="Save Changes" class="btn btn-info" style="background:#204b58" onclick="validate();" >
</div>
</div>

</div>
</div>



</div>

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

    
    <script type="text/javascript">
    function openwin(targetField,targetField2,targetField3,targetField4,targetField5,targetField6){
    	var w1=window.open('Productselect.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();
    	
    };
    
   function opensel()
   {
	   window.open('ProductMultiSelect.jsp','_blank','top=80,left=70,width=1400,height=650,scrollbars=1');
   }
    
    </script>
    <script>
    function setSearchRslt(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;
    		    //cell1.innerHTML = returnvalue;
    		   // cell2.innerHTML = returnvalue2;
    		   // cell3.innerHTML=returnvalue3;
    		    //cell5.innerHTML ="<select>  <option>KG</option></select>" ;
    		    	//cell5.innerHTML=returnvalue4;
    		    	//cell6.innerHTML=returnvalue5;
    		    	// cell7.innerHTML = "<select>  <option></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'>";
    	   
    	//targetField.value=returnvalue;
    		    		   if(lastRow==2)
    		    		    	document.getElementById("myTable").deleteRow(2);
    	
    }
    </script>
    <script langauge="JavaScript">
    
 /*   $(function () {
        $("#btnClone").bind("click", function () {
 
            var index = $("#myTable select").length + 1;
 
            //Clone the DropDownList
            var ddl = $("#unit").clone();
            ddl.attr("id", "unit" + index);
            ddl.attr("name", "unit" + index);
            
            var ddlname=$("#name").clone();
            ddlname.attr("id", "name" + index);
            ddlname.attr("name", "name" + index);
 
            //Set the ID and Name
            
            var ddltax=$("#tax").clone();
            ddltax.attr("id", "tax" + index);
            ddltax.attr("name", "tax" + index);
 
            var master = $(this).parents("table.myTable");
 
            //Append to the DIV.
             //$("#myTable  ").append("<tr>")
            master.append(ddlname)
            $("#myTable ").append("<td><input type='text' name='desc[]'></td>")
            $("#myTable ").append("<td><input type='text' name='sku[]' class='txtstyle'></td>")
            $("#myTable ").append(ddl);
            
            $("#myTable ").append("<td><input type='text' name='qty[]' class='txtstyle'></td>")
            $("#myTable ").append("<td><input type='text' name='price[]' class='txtstyle'></td>")
            $("#myTable ").append(ddltax);
            $("#myTable").append("<td>0.00</td>");
           $("#myTable ").append("<td><a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></i> </a></td>")
           
           $("#myTable").append("<tr></tr>");
           $("#myTable").append("<br /><br />");
            
            
        });
    });
    $("#btnClone").on("click", function() {
    	   $tr = $(this).closest("tr").next().clone();    
    	   $tr.insertAfter($(this).closest("tr"));   
    	});
    */


<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 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker-standalone.css"></script>
    <script>
    $('select').select2();
    </script>
    <script>
     jQuery('#datetimepicker').datetimepicker({
    	 timepicker:false,
    	// mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
    	});
    </script>
    
    <script langauge="JavaScript">

function loadselect(ddl,pay)
{
	//document.getElementById("ddlsname").value=ddl;
	document.getElementById("ddlsname").value=ddl;
	document.getElementById("pay").value=pay;
	
	
	//alert(ddl);
	
	}
</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 s=$(".subgtotal").val();
	var di=this.value;
	var g=parseFloat(s)-parseFloat(di);
	$(".gtotal").val(g);
	
});
$(document).on("change", ".pfc", function(){
	var s=$(".subgtotal").val();
	var di=$(".disc").val();
	var p=this.value;
	var g=parseFloat(s)-parseFloat(di)+parseFloat(p);
	$(".gtotal").val(g);
	
});

</script>

</body>
</html>