417 lines
16 KiB
PHP
417 lines
16 KiB
PHP
<?php
|
|
session_start();
|
|
require '../config.php';
|
|
require '../include_header.php';
|
|
?>
|
|
|
|
<body>
|
|
<?php require '../include_topbar.php'; ?>
|
|
<?php require '../include_sidebar_ac.php'; ?>
|
|
|
|
<main id="content" class="content py-15">
|
|
<div class="container-fluid">
|
|
|
|
<div class="row mb-6">
|
|
<div class="col-12">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h1 class="fs-3 mb-1">Purchase Invoices</h1>
|
|
<p class="mb-0 text-muted">Supplier invoices and supplier credit notes</p>
|
|
</div>
|
|
<a href="<?php echo $server_url?>expense/manage_supplier_credit_note.php" class="btn btn-primary">
|
|
<i class="ti ti-plus me-1"></i>New Supplier Credit Note
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-5 mb-5">
|
|
<div class="col-lg-3 col-sm-6 col-12">
|
|
<div class="card p-4">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="icon-shape icon-md bg-primary bg-opacity-10 text-primary rounded-2">
|
|
<i class="ti ti-file-invoice fs-4"></i>
|
|
</div>
|
|
<div>
|
|
<p class="mb-0 text-muted small">Invoices</p>
|
|
<h3 class="fw-bold mb-0" id="stat_invoice">—</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6 col-12">
|
|
<div class="card p-4">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="icon-shape icon-md bg-success bg-opacity-10 text-success rounded-2">
|
|
<i class="ti ti-circle-check fs-4"></i>
|
|
</div>
|
|
<div>
|
|
<p class="mb-0 text-muted small">Paid</p>
|
|
<h3 class="fw-bold mb-0" id="stat_paid">—</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6 col-12">
|
|
<div class="card p-4">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="icon-shape icon-md bg-warning bg-opacity-10 text-warning rounded-2">
|
|
<i class="ti ti-clock fs-4"></i>
|
|
</div>
|
|
<div>
|
|
<p class="mb-0 text-muted small">Open</p>
|
|
<h3 class="fw-bold mb-0" id="stat_open">—</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6 col-12">
|
|
<div class="card p-4">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="icon-shape icon-md bg-info bg-opacity-10 text-info rounded-2">
|
|
<i class="ti ti-file-minus fs-4"></i>
|
|
</div>
|
|
<div>
|
|
<p class="mb-0 text-muted small">Supplier Credit Notes</p>
|
|
<h3 class="fw-bold mb-0" id="stat_scn">—</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-5">
|
|
<div class="col-12">
|
|
<ul class="nav nav-tabs" id="invoice_tabs">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="#" onclick="switch_tab('purchase_invoice'); return false;">
|
|
<i class="ti ti-file-invoice me-1"></i>Purchase Invoices
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" onclick="switch_tab('supplier_credit_note'); return false;">
|
|
<i class="ti ti-file-minus me-1"></i>Supplier Credit Notes
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-5 mb-5">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-body p-4">
|
|
<div class="row g-3 align-items-end">
|
|
<div class="col-lg-4">
|
|
<div class="position-relative">
|
|
<input type="text" id="search_input" class="form-control ps-9"
|
|
placeholder="Search invoice number, PO, or supplier...">
|
|
<span class="position-absolute top-25 ms-4">
|
|
<i class="ti ti-search text-muted"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2">
|
|
<select id="filter_status" class="form-select">
|
|
<option value="">All Status</option>
|
|
<option value="0">Draft</option>
|
|
<option value="1">Issued</option>
|
|
<option value="2">Paid</option>
|
|
<option value="4">Void</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-2">
|
|
<select id="filter_dept" class="form-select">
|
|
<option value="">All Departments</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-2">
|
|
<button class="btn btn-secondary w-100" onclick="retrieve_invoices()">
|
|
<i class="ti ti-search me-1"></i>Search
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-body p-5">
|
|
<div class="table-responsive">
|
|
|
|
<table class="table table-hover mb-0 table-centered" id="pi_list">
|
|
<thead class="table-primary border-light">
|
|
<tr>
|
|
<th>Invoice #</th>
|
|
<th>Source</th>
|
|
<th>Date</th>
|
|
<th>Supplier</th>
|
|
<th>Department</th>
|
|
<th>Grand Total</th>
|
|
<th>Due Date</th>
|
|
<th>GL Formula</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
<tfoot></tfoot>
|
|
</table>
|
|
|
|
<table class="table table-hover mb-0 table-centered d-none" id="scn_list">
|
|
<thead class="table-info border-light">
|
|
<tr>
|
|
<th>SCN #</th>
|
|
<th>Ref Invoice #</th>
|
|
<th>Supplier</th>
|
|
<th>Department</th>
|
|
<th>Date</th>
|
|
<th>Amount</th>
|
|
<th>GL Formula</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
<tfoot></tfoot>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<?php require '../include_ending.php'; ?>
|
|
|
|
<script>
|
|
var current_tab = <?php echo json_encode($_GET['tab'] ?? 'purchase_invoice'); ?>;
|
|
var all_invoices = [];
|
|
var formula_map = {};
|
|
|
|
function load_formula_map() {
|
|
return ajax_request({
|
|
url: '<?php echo $server_url?>accounting/api/engine/account_formula.php',
|
|
autoPrepare: true,
|
|
checkRequired: 0,
|
|
action: 'read',
|
|
data: {},
|
|
onSuccess: function(res) {
|
|
formula_map = {};
|
|
$.each(res.output || [], function(i, f) { formula_map[f.id] = f.formula_name; });
|
|
}
|
|
});
|
|
}
|
|
|
|
function invoice_status_badge(status, due_date) {
|
|
if (String(status) === '1' && due_date) {
|
|
var today = new Date().toISOString().slice(0, 10);
|
|
if (due_date < today) return '<span class="badge bg-danger">Overdue</span>';
|
|
}
|
|
const map = {
|
|
'0': '<span class="badge bg-secondary">Draft</span>',
|
|
'1': '<span class="badge bg-info text-white">Issued</span>',
|
|
'2': '<span class="badge bg-success">Paid</span>',
|
|
'4': '<span class="badge bg-light text-dark">Void</span>',
|
|
};
|
|
return map[String(status)] || '—';
|
|
}
|
|
|
|
function switch_tab(tab) {
|
|
current_tab = tab;
|
|
$('#invoice_tabs .nav-link').each(function() {
|
|
$(this).toggleClass('active', $(this).attr('onclick').includes("'" + tab + "'"));
|
|
});
|
|
$('#pi_list').toggleClass('d-none', tab !== 'purchase_invoice');
|
|
$('#scn_list').toggleClass('d-none', tab !== 'supplier_credit_note');
|
|
|
|
if (tab === 'supplier_credit_note') {
|
|
$('#filter_status').html(`
|
|
<option value="">All Status</option>
|
|
<option value="0">Draft</option>
|
|
<option value="1">Issued</option>
|
|
<option value="4">Void</option>
|
|
`);
|
|
} else {
|
|
$('#filter_status').html(`
|
|
<option value="">All Status</option>
|
|
<option value="0">Draft</option>
|
|
<option value="1">Issued</option>
|
|
<option value="2">Paid</option>
|
|
<option value="4">Void</option>
|
|
`);
|
|
}
|
|
|
|
retrieve_invoices();
|
|
}
|
|
|
|
function update_stats() {
|
|
var pis = all_invoices.filter(i => i.doc_type === 'purchase_invoice');
|
|
$('#stat_invoice').text(format_number(pis.length));
|
|
$('#stat_paid').text(format_number(pis.filter(i => String(i.status) === '2').length));
|
|
$('#stat_open').text(format_number(pis.filter(i => ['0','1'].includes(String(i.status))).length));
|
|
$('#stat_scn').text(format_number(all_invoices.filter(i => i.doc_type === 'supplier_credit_note').length));
|
|
}
|
|
|
|
function retrieve_stats_source() {
|
|
return ajax_request({
|
|
url: '<?php echo $server_url?>order/api/engine/retrieve_invoice.php',
|
|
autoPrepare: true,
|
|
checkRequired: 0,
|
|
action: 'read',
|
|
data: { doc_type: '' },
|
|
onSuccess: function(res) {
|
|
all_invoices = (res.output || []).filter(function(inv) {
|
|
return inv.doc_type === 'purchase_invoice' || inv.doc_type === 'supplier_credit_note';
|
|
});
|
|
update_stats();
|
|
}
|
|
});
|
|
}
|
|
|
|
function retrieve_invoices() {
|
|
return ajax_request({
|
|
url: '<?php echo $server_url?>order/api/engine/retrieve_invoice.php',
|
|
autoPrepare: true,
|
|
checkRequired: 0,
|
|
action: 'read',
|
|
data: { doc_type: current_tab },
|
|
onSuccess: function(res) {
|
|
var all = res.output || [];
|
|
var keyword = $('#search_input').val().toLowerCase();
|
|
var status = $('#filter_status').val();
|
|
var fil_dept = $('#filter_dept').val();
|
|
|
|
var data = all.filter(function(inv) {
|
|
var match_kw = !keyword ||
|
|
(inv.invoice_number || '').toLowerCase().includes(keyword) ||
|
|
(inv.contact_name || '').toLowerCase().includes(keyword);
|
|
var match_st = !status || String(inv.status) === status;
|
|
var match_dept = !fil_dept || String(inv.department_id) === fil_dept;
|
|
return match_kw && match_st && match_dept;
|
|
});
|
|
|
|
if (current_tab === 'purchase_invoice') {
|
|
render_pi_table(data);
|
|
} else {
|
|
render_scn_table(data);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// ── Purchase Invoice table ────────────────────────────────────────────────
|
|
function render_pi_table(data) {
|
|
alasql('DROP TABLE IF EXISTS pi_list');
|
|
alasql('CREATE TABLE pi_list');
|
|
alasql.tables.pi_list.data = data;
|
|
$('table#pi_list tfoot').html(generate_pagination('pi_list', data.length));
|
|
change_page_pi_list(1);
|
|
}
|
|
|
|
function change_page_pi_list(page_num) {
|
|
var offset = (page_num - 1) * prop_limit;
|
|
var rows = alasql(`SELECT * FROM pi_list LIMIT ${prop_limit} OFFSET ${offset}`);
|
|
var body = '';
|
|
|
|
if (!rows.length) {
|
|
$('table#pi_list tbody').html('<tr><td colspan="10" class="text-center py-5 text-muted">No purchase invoices found.</td></tr>');
|
|
return;
|
|
}
|
|
|
|
$.each(rows, function(i, inv) {
|
|
var source_label = '<span class="text-muted">—</span>';
|
|
if (inv.source === 'po' && inv.source_id) {
|
|
source_label = `<a href="<?php echo $server_url?>expense/manage_purchase_order.php?id=${inv.source_id}">PO #${inv.source_id}</a>`;
|
|
} else if (inv.source === 'supplier_return' && inv.source_id) {
|
|
source_label = `<a href="<?php echo $server_url?>po/manage_supplier_return.php?id=${inv.source_id}">SRN #${inv.source_id}</a>`;
|
|
}
|
|
var formula_name = inv.formula_id && formula_map[inv.formula_id]
|
|
? escape_html(formula_map[inv.formula_id])
|
|
: '<span class="text-muted">—</span>';
|
|
body += `<tr>
|
|
<td class="py-3 fw-semibold">${escape_html(inv.invoice_number || '')}</td>
|
|
<td class="py-3">${source_label}</td>
|
|
<td class="py-3">${inv.issued_date ? format_date(inv.issued_date) : '<span class="text-muted">—</span>'}</td>
|
|
<td class="py-3">${escape_html(inv.contact_name || '—')}</td>
|
|
<td class="py-3">${get_dept_label(inv.department_id)}</td>
|
|
<td class="py-3 fw-semibold">${format_number(inv.grand_total, 2)}</td>
|
|
<td class="py-3">${inv.due_date ? format_date(inv.due_date) : '<span class="text-muted">—</span>'}</td>
|
|
<td class="py-3 small">${formula_name}</td>
|
|
<td class="py-3">${invoice_status_badge(inv.status, inv.due_date)}</td>
|
|
<td class="py-3">
|
|
<a href="<?php echo $server_url?>expense/manage_purchase_invoice.php?id=${inv.id}" title="View">
|
|
<i class="ti ti-eye fs-5"></i>
|
|
</a>
|
|
</td>
|
|
</tr>`;
|
|
});
|
|
$('table#pi_list tbody').html(body);
|
|
}
|
|
|
|
// ── Supplier Credit Note table ────────────────────────────────────────────
|
|
function render_scn_table(data) {
|
|
alasql('DROP TABLE IF EXISTS scn_list');
|
|
alasql('CREATE TABLE scn_list');
|
|
alasql.tables.scn_list.data = data;
|
|
$('table#scn_list tfoot').html(generate_pagination('scn_list', data.length));
|
|
change_page_scn_list(1);
|
|
}
|
|
|
|
function change_page_scn_list(page_num) {
|
|
var offset = (page_num - 1) * prop_limit;
|
|
var rows = alasql(`SELECT * FROM scn_list LIMIT ${prop_limit} OFFSET ${offset}`);
|
|
var body = '';
|
|
|
|
if (!rows.length) {
|
|
$('table#scn_list tbody').html('<tr><td colspan="9" class="text-center py-5 text-muted">No supplier credit notes found.</td></tr>');
|
|
return;
|
|
}
|
|
|
|
$.each(rows, function(i, scn) {
|
|
var formula_name = scn.formula_id && formula_map[scn.formula_id]
|
|
? escape_html(formula_map[scn.formula_id])
|
|
: '<span class="text-muted">—</span>';
|
|
body += `<tr>
|
|
<td class="py-3 fw-semibold">${escape_html(scn.invoice_number || '')}</td>
|
|
<td class="py-3">${scn.ref_invoice_number ? escape_html(scn.ref_invoice_number) : '<span class="text-muted">—</span>'}</td>
|
|
<td class="py-3">${escape_html(scn.contact_name || '—')}</td>
|
|
<td class="py-3">${get_dept_label(scn.department_id)}</td>
|
|
<td class="py-3">${scn.issued_date ? format_date(scn.issued_date) : '<span class="text-muted">—</span>'}</td>
|
|
<td class="py-3 fw-semibold text-info">${format_number(scn.grand_total, 2)}</td>
|
|
<td class="py-3 small">${formula_name}</td>
|
|
<td class="py-3">${invoice_status_badge(scn.status, null)}</td>
|
|
<td class="py-3">
|
|
<a href="<?php echo $server_url?>expense/manage_purchase_invoice.php?id=${scn.id}" title="View">
|
|
<i class="ti ti-eye fs-5"></i>
|
|
</a>
|
|
</td>
|
|
</tr>`;
|
|
});
|
|
$('table#scn_list tbody').html(body);
|
|
}
|
|
|
|
$(async function() {
|
|
await load_dept_cache();
|
|
populate_dept_filter('filter_dept');
|
|
await retrieve_stats_source();
|
|
await load_formula_map();
|
|
$('#search_input').on('keyup', function(e) { if (e.key === 'Enter') retrieve_invoices(); });
|
|
$('#filter_status, #filter_dept').on('change', retrieve_invoices);
|
|
if (current_tab !== 'purchase_invoice') {
|
|
switch_tab(current_tab);
|
|
} else {
|
|
await retrieve_invoices();
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|