| Current File : //home/obabain/anms_obaba_in/DebitNote.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 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">
<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;}
</style>
<script language="javascript" type="text/javascript">
var xmlHttp
var xmlHttp
function showState(str){
if (typeof XMLHttpRequest != "undefined"){
xmlHttp= new XMLHttpRequest();
}
else if (window.ActiveXObject){
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlHttp==null){
alert("Browser does not support XMLHTTP Request")
return;
}
var url="state.jsp";
url +="?count=" +str;
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
function stateChange(){
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
document.getElementById("state").innerHTML=xmlHttp.responseText
}
}
function showCity(str){
if (typeof XMLHttpRequest != "undefined"){
xmlHttp= new XMLHttpRequest();
}
else if (window.ActiveXObject){
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlHttp==null){
alert("Browser does not support XMLHTTP Request")
return;
}
var url="city.jsp";
url +="?count=" +str;
xmlHttp.onreadystatechange = stateChange1;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
function stateChange1(){
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
document.getElementById("city").innerHTML=xmlHttp.responseText
}
}
</script>
</head>
<body>
<%@include file="master.jsp" %>
<script>
function checkExist(){
var xmlhttp = new XMLHttpRequest();
var username = document.forms["pv"]["payno"].value;
var url = "DebitnotExist.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="DebitNoteDA.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" style="width:82.6%">
<div class="panel panel-default" style="background-color:#eae9e9;">
<div class="panel-heading main-color-bg">
<h3 class="panel-title">Debit Note creation</h3>
</div>
<div class="pull-right" style="padding:5px 10px 0px 0px;">
<a class="btn btn-primary" href="ViewDebitNote.jsp">View Debit Notes</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"></a> -->
<a class="btn btn-primary" href="CreditNote.jsp">Credit Note</a>
</div>
<br>
<div class="panel-body" >
<div class="row" >
<div class="col-xs-3">
<label for="lastname" style="margin-left:5px; color:red;">Voucher No.</label>
<input type="text" name="payno" class="form-control" onblur="checkExist()" id="payno">
<span id="isE"></span>
</div>
<%-- <div class="col-xs-3">
<label for="lastname" style="margin-left:5px;"> Account</label>
<select class="select1 form-control" name='account' id="campInput" style="width:100%;" >
<option value="0">select</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>
<!-- <div class="chq row">
<div class="col-xs-3">
<label for="lastname" style="margin-left:5px;">Cheque No.</label>
<input type="text" name="chqno" class="chqno form-control">
</div>
<div class="col-xs-3">
<label for="lastname" style="margin-left:5px;"> Cheque Date</label>
<input type="text" name="chqdate" class="form-control" id="datetimepicker2">
</div>
<div class="col-xs-3">
Cross Using
<input type="text" name="chqcross" class="form-control">
</div>
</div><br> -->
<div class="row" >
<div class="col-xs-3">
<label for="lastname" style="margin-left:5px;">Invoice No.</label>
<input type="text" name="pinvno" class="form-control">
</div>
<div class="col-xs-2">
<label for="lastname" style="margin-left:5px;">Invoice Date</label>
<input type="text" name="pinvdate" class="form-control" id="datetimepicker2">
</div>
<div class="col-xs-4">
<label for="lastname" style="margin-left:5px;">Supplier</label>
<select class="select1 form-control" name='supplier' id="campInput" style="width:100%;" >
<option value="0">select</option>
<%
rs=st.executeQuery("select * from ip_suppliers order by supplier_name asc");
while(rs.next())
{
%>
<option value="<%=rs.getString("supplier_id") %>"><%=rs.getString("supplier_name") %></option>
<%} %>
</select>
</div>
<div class="col-xs-2 pull-right">
<label for="lastname" style="margin-left:5px;">Voucher Date</label>
<input type="text" name="paydate" class="form-control" id="datetimepicker">
</div>
</div>
<div class="row" >
<div class="col-xs-3">
<label for="lastname" style="margin-left:5px;">Purchase Ledger</label>
<select class="select1 form-control" name='pledger' style="width:100%;" >
<option value="0">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>
<br>
<table class="table table-striped " id="table1">
<thead>
<tr class="info">
<th>Product Name</th><th>Price</th><th>Qty</th><th>UOM</th><th>Tax %</th><th>Amount</th><th></th>
</tr>
</thead>
<tbody>
<tr class='template'>
<td>
<select name='state[]' class="selectprod form-control" >
<option value='-1'>select</option>
<%
rs=st.executeQuery("select * from ip_products order by product_name asc");
while(rs.next())
{
%>
<option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %></option>
<%} %>
</select>
</td>
<td>
<input type="text" class="selectprice form-control" name="price[]" value="0" >
</td>
<td>
<input type="text" class="qty form-control" name="qty[]" value="0" >
</td>
<td>
<select name='uom[]' class="uom selectType form-control">
<option value='-1'>select</option>
<%
rs=st.executeQuery("select * from ip_units order by unit_name_plrl asc");
while(rs.next())
{
%>
<option value="<%=rs.getString("unit_id") %>"><%=rs.getString("unit_name_plrl") %></option>
<%} %>
</select>
</td>
<td>
<select name='tax[]' class="tax selectType form-control">
<option value='-1'>select</option>
<%
rs=st.executeQuery("select * from ip_tax_rates ");
while(rs.next())
{
%>
<option value="<%=rs.getString("tax_rate_id") %>"><%=rs.getString("tax_rate_name") %>-<%=rs.getString("tax_rate_percent") %></option>
<%} %>
</select>
</td>
<td>
<input type="text" class="amt form-control" name="amt[]" value="0" >
</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>
<hr>
<div class="row" >
<div class="col-xs-4">
<label for="lastname" style="margin-left:5px;">Narration</label>
<textarea name="narr" class="form-control"></textarea>
</div>
<div class="pull-right col-xs-3" style="margin-right:55px;">
<label for="lastname" style="margin-left:5px;">Total Amount</label>
<input type="text" name="total2" class="total2 form-control" value="0" placeholder="Total Amount">
</div>
</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" onclick="pay()">
</div>
</div>
</div>
</div>
</div>
<%@include file="footer.jsp" %>
</form>
<script>
$(document).on("change", ".selectprod", function() {
$(".selectprod").each(function(){
//var s=$(".selectType:last").val();
//alert($(".selectType:last").find('option:selected').text())
var pa=[];
var str=$(".selectprod:last").find('option:selected').text();
pa=str.split("|");
var s=pa[1];
$(".selectprice:last").val(s);
var sum = 0;
});
});
</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);
});
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>
<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);
$(".dateControl", $tr).datepicker({
dateFormat: "dd-mm-yy"
});
$(".selectType", $tr).select2();
$(".selectprod", $tr).select2();
$(".selectprod:last").val(-1).trigger("change");
$(".uom:last").val(-1).trigger("change");
$(".tax:last").val(-1).trigger("change");
$(".amt:last").val(0);
$(".selectprice",$tr).val(0);
$(".qty",$tr).val(0);
}
function initThings() {
add_row($('#table1'));
}
</script>
<script langauge="JavaScript">
function deleteRow(btn) {
var row = btn.parentNode.parentNode;
if ( $('#table1 tbody tr').length == 2 ) return;
row.parentNode.removeChild(row);
var gt=$(".gtot").val();
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
var sum2 = 0;
$(".otherchrg").each(function(){
sum2 += +$(this).val();
});
var c=parseFloat()
$(".total").val(sum.toFixed(2));
var tot=parseFloat(gt)+sum2
$(".total2").val(sum);
$(".bal").val(($(".gtot").val()-$(".total").val()).toFixed(2));
}
</script>
<script>
$(document).on("change",".tax", function(){
var parent = $(this).parents('tr');
var price = $('.selectprice', parent);
var qty = $('.qty', parent);
var sum = $('.tax', parent);
var amt = $('.amt', parent);
var a=sum.find('option:selected').text();
var arr=[];
var x=0;
arr=a.split('-')
// alert(arr[0]);
if(arr[0]!='select'){
if(arr[0]=='IGST')
{
x=parseFloat(price.val())*parseFloat(qty.val())*parseFloat(arr[1])/100;
}
else{
x=parseFloat(price.val())*parseFloat(qty.val())*parseFloat(arr[1])*2/100;
}
var amount=parseFloat(price.val())*parseFloat(qty.val())+x;
amt.val(amount);
var tot=0;
$(".amt").each(function(){
tot += +$(this).val();
});
$(".total2").val(tot);
}
});
$(document).on("change",".selectprice", function(){
var parent = $(this).parents('tr');
var price = $('.selectprice', parent);
var qty = $('.qty', parent);
var sum = $('.tax', parent);
var amt = $('.amt', parent);
var a=sum.find('option:selected').text();
var arr=[];
var x=0;
arr=a.split('-')
// alert(arr[0]);
if(arr[0]!='select'){
if(arr[0]=='IGST')
{
x=parseFloat(price.val())*parseFloat(qty.val())*parseFloat(arr[1])/100;
}
else{
x=parseFloat(price.val())*parseFloat(qty.val())*parseFloat(arr[1])*2/100;
}
var amount=parseFloat(price.val())*parseFloat(qty.val())+x;
amt.val(amount);
var tot=0;
$(".amt").each(function(){
tot += +$(this).val();
});
$(".total2").val(tot);
}
});
$(document).on("change",".qty", function(){
var parent = $(this).parents('tr');
var price = $('.selectprice', parent);
var qty = $('.qty', parent);
var sum = $('.tax', parent);
var amt = $('.amt', parent);
var a=sum.find('option:selected').text();
var arr=[];
var x=0;
arr=a.split('-')
// alert(arr[0]);
if(arr[0]!='select'){
if(arr[0]=='IGST')
{
x=parseFloat(price.val())*parseFloat(qty.val())*parseFloat(arr[1])/100;
}
else{
x=parseFloat(price.val())*parseFloat(qty.val())*parseFloat(arr[1])*2/100;
}
var amount=parseFloat(price.val())*parseFloat(qty.val())+x;
amt.val(amount);
var tot=0;
$(".amt").each(function(){
tot += +$(this).val();
});
$(".total2").val(tot);
}
});
</script>
<script>
$('.select1').select2();
</script>
<script type="text/javascript">
function goBack() {
window.history.back();
};
</script>
<script>
function pay()
{
var x=document.getElementById("payno").value;
if(x==null || x=='')
{
alert('please enter payment No!')
}
}
</script>
</body>
</html>