accounting workflows
This commit is contained in:
@@ -11,19 +11,101 @@
|
||||
<main id="content" class="content py-15">
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row mb-6">
|
||||
<div class="row mb-5">
|
||||
<div class="col-12">
|
||||
<h1 class="fs-3 mb-1">VAT Report</h1>
|
||||
<p class="mb-0 text-muted">Value added tax report</p>
|
||||
<p class="mb-0 text-muted">Output VAT (Sales Tax) and Input VAT (Purchase Tax) from posted journal entries</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card p-5 text-center text-muted">
|
||||
<i class="ti ti-receipt-tax fs-1 mb-3 d-block"></i>
|
||||
<p class="mb-0">VAT Report coming soon.</p>
|
||||
<!-- Filters -->
|
||||
<div class="card p-4 mb-4">
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-auto">
|
||||
<label class="form-label mb-1 small">From Date</label>
|
||||
<input type="text" id="f_from" class="form-control form-control-sm" placeholder="DD/MM/YYYY" style="width:160px;">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-label mb-1 small">To Date</label>
|
||||
<input type="text" id="f_to" class="form-control form-control-sm" placeholder="DD/MM/YYYY" style="width:160px;">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-label mb-1 small">Category</label>
|
||||
<select id="f_cat" class="form-select form-select-sm" style="width:180px;">
|
||||
<option value="">All</option>
|
||||
<option value="sales_tax">Output VAT (Sales)</option>
|
||||
<option value="purchase_tax">Input VAT (Purchase)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-label mb-1 small">Department</label>
|
||||
<select id="f_department" class="form-select form-select-sm" style="width:200px;">
|
||||
<option value="0">All Departments</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button class="btn btn-secondary btn-sm" onclick="load_report()">
|
||||
<i class="ti ti-search me-1"></i>Run
|
||||
</button>
|
||||
</div>
|
||||
<div class="col ms-auto d-flex align-items-end justify-content-end">
|
||||
<button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
|
||||
<i class="ti ti-printer me-1"></i>Print
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Summary cards -->
|
||||
<div class="row g-3 mb-4" id="vat_summary" style="display:none;">
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<p class="text-muted small mb-1">Total Debit</p>
|
||||
<h4 class="mb-0 fw-bold" id="vat_debit">—</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<p class="text-muted small mb-1">Total Credit</p>
|
||||
<h4 class="mb-0 fw-bold" id="vat_credit">—</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<p class="text-muted small mb-1">Net VAT (Credit − Debit)</p>
|
||||
<h4 class="mb-0 fw-bold" id="vat_net">—</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Table -->
|
||||
<div class="card">
|
||||
<div class="card-body p-0">
|
||||
<table class="table table-hover mb-0 table-sm">
|
||||
<thead class="table-primary border-light">
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Period</th>
|
||||
<th>Type</th>
|
||||
<th>Department</th>
|
||||
<th>Reference</th>
|
||||
<th>Account</th>
|
||||
<th>Category</th>
|
||||
<th>Description</th>
|
||||
<th class="text-end">Debit</th>
|
||||
<th class="text-end">Credit</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="vat_tbody">
|
||||
<tr><td colspan="10" class="text-center text-muted py-5">Select a date range and click Run.</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -32,5 +114,95 @@
|
||||
|
||||
<?php require '../include_ending.php'; ?>
|
||||
|
||||
<script>
|
||||
var now = new Date();
|
||||
var curMonth = now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0');
|
||||
document.getElementById('f_from').value = curMonth + '-01';
|
||||
document.getElementById('f_to').value = curMonth + '-' + String(new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate()).padStart(2,'0');
|
||||
flatpickr('#f_from, #f_to', { dateFormat: 'Y-m-d', altInput: true, altFormat: 'd/m/Y', allowInput: true });
|
||||
|
||||
var cat_labels = { sales_tax: 'Output VAT', purchase_tax: 'Input VAT' };
|
||||
var src_labels = {
|
||||
invoice: 'Invoice', credit_note: 'Credit Note',
|
||||
purchase_invoice: 'Purchase Invoice', supplier_credit_note: 'Supplier Credit Note',
|
||||
receipt: 'Receipt', payment: 'Payment', manual: 'Manual',
|
||||
};
|
||||
|
||||
load_departments();
|
||||
|
||||
function load_departments() {
|
||||
ajax_request({
|
||||
url: server_url + 'accounting/api/engine/department.php',
|
||||
autoPrepare: true,
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
action: 'read',
|
||||
onSuccess: function(res) {
|
||||
var html = '<option value="0">All Departments</option>';
|
||||
(res.output || []).filter(function(d){ return String(d.status) === '1'; }).forEach(function(d) {
|
||||
html += '<option value="' + d.id + '">' + escape_html(d.dept_code + ' - ' + d.dept_name) + '</option>';
|
||||
});
|
||||
document.getElementById('f_department').innerHTML = html;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function load_report() {
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var cat = document.getElementById('f_cat').value;
|
||||
var dept = document.getElementById('f_department').value || '0';
|
||||
if (!from || !to) { alert('Select both dates.'); return; }
|
||||
|
||||
document.getElementById('vat_tbody').innerHTML =
|
||||
'<tr><td colspan="10" class="text-center text-muted py-5"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</td></tr>';
|
||||
document.getElementById('vat_summary').style.display = 'none';
|
||||
|
||||
ajax_request({
|
||||
url: server_url + 'accounting/api/engine/get_vat_report.php',
|
||||
autoPrepare: true,
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
action: 'read',
|
||||
from_date: from,
|
||||
to_date: to,
|
||||
categories: cat ? [cat] : [],
|
||||
department_id: dept,
|
||||
onSuccess: function(res) {
|
||||
var d = res.output;
|
||||
var rows = d.rows || [];
|
||||
|
||||
document.getElementById('vat_debit').textContent = format_number(d.total_debit);
|
||||
document.getElementById('vat_credit').textContent = format_number(d.total_credit);
|
||||
document.getElementById('vat_net').textContent = format_number(parseFloat(d.total_credit) - parseFloat(d.total_debit));
|
||||
document.getElementById('vat_summary').style.display = '';
|
||||
|
||||
if (rows.length === 0) {
|
||||
document.getElementById('vat_tbody').innerHTML =
|
||||
'<tr><td colspan="10" class="text-center text-muted py-5">No VAT entries found.</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
var html = '';
|
||||
rows.forEach(function(r) {
|
||||
html += '<tr>' +
|
||||
'<td class="small">' + escape_html(r.entry_date || '—') + '</td>' +
|
||||
'<td class="small">' + escape_html(r.period) + '</td>' +
|
||||
'<td class="small"><span class="badge bg-secondary bg-opacity-10 text-secondary">' + escape_html(src_labels[r.source_type] || r.source_type) + '</span></td>' +
|
||||
'<td class="small">' + (r.dept_code ? escape_html(r.dept_code) : '<span class="text-muted">—</span>') + '</td>' +
|
||||
'<td class="small">' + escape_html(r.reference || '—') + '</td>' +
|
||||
'<td class="small">' + escape_html(r.account_code + ' ' + r.account_name) + '</td>' +
|
||||
'<td class="small"><span class="badge bg-info bg-opacity-10 text-info">' + escape_html(cat_labels[r.account_category] || r.account_category) + '</span></td>' +
|
||||
'<td class="small text-muted">' + escape_html(r.description || '—') + '</td>' +
|
||||
'<td class="text-end small">' + (parseFloat(r.debit) ? format_number(r.debit) : '—') + '</td>' +
|
||||
'<td class="text-end small">' + (parseFloat(r.credit) ? format_number(r.credit) : '—') + '</td>' +
|
||||
'</tr>';
|
||||
});
|
||||
document.getElementById('vat_tbody').innerHTML = html;
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user