| Current File : //home/obabain/autoclutchess_obaba_in/quotation.jsp |
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ include file="Connection.jsp" %>
<%@include file="master.jsp" %>
<%
Statement st=con.createStatement();
ResultSet rs = null;
%>
<%!
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">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<!-- <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
--><script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
<form action="quotationDA.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" style="background-color:#eae9e9;" >
<div class="panel-heading main-color-bg">
<h3 class="panel-title">Purchase Quotation</h3>
</div>
<div class="panel-body">
<div class="row">
<div align="right" >
<a href="purchasequotationview.jsp" style="background:#204b58;" class="btn btn-info" >View</a>
</div>
<div class="form-group col-xs-4">
<p> <label for="sname" style="margin:5px;" >
Supplier</label></p>
<select name="sname" class="form-control" >
<option value="0">select</option>
<%Statement st1=con.createStatement();
ResultSet r1=st1.executeQuery("select * from ip_suppliers order by supplier_name ");
while(r1.next())
{
%>
<option value="<%=r1.getString("supplier_id") %>"><%=r1.getString("supplier_name") %></option>
<%} %>
</select>
</div>
</div>
<div class="row">
<a href="supplier.jsp" style="margin-left:15px;">Click Here To Create New Supplier</a>
<div class="row">
<div class="form-group col-xs-2">
<div class="onerow">
<p><label for="status" style="margin-left:15px;">
Quotation No.</label></p>
<input type="text" class="form-control" name="Qno" style="margin-left:15px;" required>
</div>
</div>
<div class="form-group col-xs-2">
<p><label for="status" style="margin-left:15px;">
Quotation Date</label></p>
<input type="date" class="form-control" style="margin-left:15px;width:190px;" name="Qdate" required>
</div>
</div>
<hr>
<table class="table table-bordered table-hover" id="tab_logic">
<thead>
<tr>
<th class="text-center"> # </th>
<th class="text-center"> Product </th>
<th class="text-center"> HSN </th>
<th class="text-center"> Qty </th>
<th class="text-center"> Price </th>
<th class="text-center"> UOM </th>
<th class="text-center"> Total </th>
</tr>
</thead>
<tbody>
<tr id='addr0'>
<td>1</td>
<td>
<select name="item[]" class="form-control" style="width:180px;"><!-- selectMat form-control -->
<option value="0">Select</option>
<%
ResultSet rsmat=st1.executeQuery("select * from ip_products order by product_name");
while(rsmat.next())
{
%>
<option value="<%=rsmat.getString("product_id") %>"> <%=rsmat.getString("product_name") %></option>
<%} %>
</select>
</td>
<td>
<input type="text" class=" form-control" name="hsn[]" value="0" >
</td>
<td><input type="number" name='qty[]' placeholder='Enter Qty' class="form-control qty" step="0" min="0"/ required></td>
<td><input type="number" name='price[]' placeholder='Enter Unit Price' class="form-control price" step="0.00" min="0" required/></td>
<td>
<select name="unit[]" class="uom selectType form-control">
<option value='-1'>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><input type="number" name='total[]' placeholder='0.00' class="form-control total" readonly/></td>
</tr>
<tr id='addr1'></tr>
</tbody>
</table>
</div>
</div>
<div class="row clearfix">
<div class="col-md-10">
<a id="add_row" class="btn btn-success pull-left">Add Row</a>
<a id='delete_row' class="btn btn-info pull-right">Delete Row</a>
</div>
</div>
<div class="row clearfix" style="margin-top:20px">
<div class="pull-right col-md-4">
<table class="table table-bordered table-hover" id="tab_logic_total">
<tbody>
<tr>
<th class="text-center">Sub Total</th>
<td class="text-center"><input type="number" name='sub_total' placeholder='0.00' class="form-control" id="sub_total" readonly/></td>
</tr>
</tbody>
</table>
</div>
</div> <br>
<div class="modal-footer" id="contact_submit">
<input type="button" value="Back" style="background:#009191;" class="pull-left btn btn-info" onclick="goBack()"/>
<a class="btn btn-default" href="">Reset</a>
<input type="submit" value="Save Change" style="background:#009191;" class="btn btn-info" >
</div>
</div>
</div>
</div>
</div>
</form>
<script>
$(document).ready(function(){
var i=1;
$("#add_row").click(function(){b=i-1;
$('#addr'+i).html($('#addr'+b).html()).find('td:first-child').html(i+1);
$('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>');
i++;
});
$("#delete_row").click(function(){
if(i>1){
$("#addr"+(i-1)).html('');
i--;
}
calc();
});
$('#tab_logic tbody').on('keyup change',function(){
calc();
});
$('#tax').on('keyup change',function(){
calc_total();
});
});
function calc()
{
$('#tab_logic tbody tr').each(function(i, element) {
var html = $(this).html();
if(html!='')
{
var qty = $(this).find('.qty').val();
var price = $(this).find('.price').val();
$(this).find('.total').val(qty*price);
calc_total();
}
});
}
function calc_total()
{
total=0;
$('.total').each(function() {
total += parseInt($(this).val());
});
$('#sub_total').val(total.toFixed(2));
tax_sum=total/100*$('#tax').val();
$('#tax_amount').val(tax_sum.toFixed(2));
$('#total_amount').val((tax_sum+total).toFixed(2));
}
</script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script src="js/jquery.datetimepicker.full.js"></script>
</body>
</html>