| Current File : //home/obabain/khb_obaba_in/PaymenyVoucherMultiple.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">
<!-- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> -->
<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>Accounts</title>
</head>
<body>
<form action="paymentMultipleentryDA.jsp">
<%@include file="master.jsp" %>
<!-- language: lang-html -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<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">Payment Voucher creation</h3>
</div>
<div class="pull-right" style="padding:5px 10px 0px 0px;">
<!-- <a class="btn btn-danger" href="Paymentvoucher.jsp">Payment</a> -->
<a class="btn btn-danger" href="Receiptvoucher.jsp">Receipt</a>
<a class="btn btn-danger" href="Contravoucher.jsp">Contra</a>
<a class="btn btn-danger" href="Journalvoucher.jsp">Journal</a>
<!-- <a class="btn btn-danger" href="SalesVoucher.jsp">Sales</a>
<a class="btn btn-danger" href="PurchaseVoucher.jsp">Purchase</a> -->
</div><br><hr>
<div style="padding:5px 10px 0px 0px;"><a href="Paymentvoucher.jsp" class="pull-right btn btn-primary" >Single Entry Mode</a></div> <br><hr>
<div class="panel-body" >
<div class="row" >
<div class="col-xs-4">
<label for="lastname" style="margin-left:5px; color:red;">Payment No.</label>
<input type="text" name="payno" class="form-control">
</div>
<div class="col-xs-2 pull-right">
<label for="lastname" style="margin-left:5px;">Date</label>
<input type="text" name="paydate" class="form-control" id="datetimepicker">
<br>
</div>
</div>
<table class="table table-bordered table-hover additionalMargin alignment" id="table1">
<th>By/To</th><th>Particulars</th><th>Bills (Bill No | Due amt. | Name)</th><th>Debit</th><th>Credit</th><th></th>
<tr class='template'>
<td>
<select class="byto selectType form-control" name="byto[]">
<option value="1">By</option>
<option value="2">To</option>
</select>
</td>
<td style="width:30%;">
<span class="project">
<select class="selectType form-control" name='particular[]' id="campInput" style="width:100%;">
<option value="0">select</option>
<%
rs=st.executeQuery("select * from account_ledger");
while(rs.next())
{
%>
<option value="<%=rs.getString("l_id") %>"><%=rs.getString("ledger_name") %></option>
<%} %>
</select>
</span>
</td> <td style="width:30%;">
<select name="invno[]" class="selectType form-control">
<%
rs=st.executeQuery("select tb.supplier_id,tb.pinvoice_id, tb.purchase_invoice_no,(tb.total-tb.paid_amt)as tot,(select supplier_name from ip_suppliers where supplier_id=tb.supplier_id)supp,'s' as type from ip_puchase_invoice tb where (total-paid_amt)>0 union all select tr.particulars, tr.journal_id, tr.journal_no,(tr.credit-tr.paid_amt) as tot,(select ledger_name from account_ledger where l_id=tr.particulars),'j' as type from journalentry tr where type=2 and (credit-paid_amt)>0 ");
while(rs.next())
{
%>
<option value="<%=rs.getString("pinvoice_id") %>"><%=rs.getString("purchase_invoice_no") %> | <%=rs.getString("tot") %> | <%=rs.getString("supp") %> </option>
<%} %>
</select>
</td>
<td>
<input type="hidden" name="Records[]" value="0" class="id">
<span><input type="text" name="amt[]" class="amt form-control" value="0"> </span>
</td>
<td>
<input type="hidden" name="Records.Index" value="0">
<span><input type="text" name="amt2[]" class="amt2 form-control" value="0"> </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 class="row" >
<div class="col-md-4 pull-right" style="margin-right:25px;">Total
<table class="table">
<tr>
<td align="center"><input type="text" id="debit" name="total" class="total form-control" style="width:140px;" value="0"></td>
<td align="left"><input type="text" id="credit" name="total2" class="total2 form-control" style="width:140px;" value="0"></td>
</tr>
</table></div>
</div><br>
<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>
</div><br>
<div class="modal-footer" id="contact_submit">
<input type="button" value="Back" style="background:#204b58;" class="pull-left btn btn-info" />
<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();
}
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", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(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');
}
</script>
</html>