1145 lines
75 KiB
PHP
1145 lines
75 KiB
PHP
<?php $manualDiscountEnabled = $page === 'sales' && (($data['settings']['manual_discount_enabled'] ?? '0') === '1'); ?>
|
|
<!-- View Return Details Modal -->
|
|
<div class="modal fade" id="viewReturnDetailsModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content text-start border-0 shadow">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Return Details <span id="view_return_no"></span></h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row mb-4">
|
|
<div class="col-6">
|
|
<label class="text-muted small d-block">Party Name</label>
|
|
<div id="view_return_party" class="fw-bold"></div>
|
|
</div>
|
|
<div class="col-3">
|
|
<label class="text-muted small d-block">Return Date</label>
|
|
<div id="view_return_date"></div>
|
|
</div>
|
|
<div class="col-3">
|
|
<label class="text-muted small d-block">Against Invoice</label>
|
|
<div id="view_return_invoice"></div>
|
|
</div>
|
|
</div>
|
|
<h6>Returned Items</h6>
|
|
<div class="table-responsive">
|
|
<table class="table table-sm table-bordered">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th>Item</th>
|
|
<th class="text-center">Returned Qty</th>
|
|
<th class="text-end">Unit Price</th>
|
|
<th class="text-end">Total Price</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="view_return_items_tbody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="3" class="text-end">Total Amount:</th>
|
|
<th class="text-end fw-bold" id="view_return_total"></th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
<div class="mt-3">
|
|
<label class="text-muted small d-block">Notes</label>
|
|
<div id="view_return_notes" class="p-2 bg-light rounded"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php if ($page === 'sales_returns' || $page === 'purchase_returns' || $page === 'sales' || $page === 'purchases'): ?>
|
|
<div class="modal fade" id="addPurchaseReturnModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content text-start border-0 shadow">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Process Purchase Return</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body">
|
|
<div class="row g-3 mb-4 text-start">
|
|
<div class="col-md-6">
|
|
<label class="form-label" data-en="Select Invoice" data-ar="اختر الفاتورة">Select Invoice</label>
|
|
<select name="invoice_id" id="purchase_return_invoice_select" class="form-select select2" required>
|
|
<option value="">Choose Invoice...</option>
|
|
<?php if (!empty($data['purchase_invoices'])): ?>
|
|
<?php foreach ($data['purchase_invoices'] as $inv): ?>
|
|
<option value="<?= $inv['id'] ?>">PUR-<?= str_pad((string)$inv['id'], 5, '0', STR_PAD_LEFT) ?> (<?= $inv['invoice_date'] ?>) - OMR <?= number_format((float)$inv['total_with_vat'], 3) ?></option>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label">Return Date</label>
|
|
<input type="date" name="return_date" class="form-control" value="<?= date('Y-m-d') ?>" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="purchase_return_items_container" style="display:none;" class="text-start">
|
|
<h6>Items for Return</h6>
|
|
<div class="table-responsive">
|
|
<table class="table table-sm table-bordered">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th>Item</th>
|
|
<th>Purchased Qty</th>
|
|
<th>Return Qty</th>
|
|
<th>Price</th>
|
|
<th data-en="Total" data-ar="الإجمالي">Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="purchase_return_items_tbody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="4" class="text-end">Total Return Amount:</th>
|
|
<th class="text-end" id="purchase_return_total_display"><?= __('currency') ?> 0.000</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Notes / Reason for Return</label>
|
|
<textarea name="notes" class="form-control" rows="2"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="add_purchase_return" class="btn btn-danger" id="purchase_submit_return_btn" disabled>Process Return</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Add Sales Return Modal -->
|
|
<div class="modal fade" id="addSalesReturnModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content text-start border-0 shadow">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Process Sales Return</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body">
|
|
<div class="row g-3 mb-4 text-start">
|
|
<div class="col-md-6">
|
|
<label class="form-label" data-en="Select Invoice" data-ar="اختر الفاتورة">Select Invoice</label>
|
|
<select name="invoice_id" id="return_invoice_select" class="form-select select2" required>
|
|
<option value="">Choose Invoice...</option>
|
|
<?php if (!empty($data['sales_invoices'])): ?>
|
|
<?php foreach ($data['sales_invoices'] as $inv): ?>
|
|
<option value="<?= $inv['id'] ?>">INV-<?= str_pad((string)$inv['id'], 5, '0', STR_PAD_LEFT) ?> (<?= $inv['invoice_date'] ?>) - OMR <?= number_format((float)$inv['total_with_vat'], 3) ?></option>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label">Return Date</label>
|
|
<input type="date" name="return_date" class="form-control" value="<?= date('Y-m-d') ?>" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="return_items_container" style="display:none;" class="text-start">
|
|
<h6>Items for Return</h6>
|
|
<div class="table-responsive">
|
|
<table class="table table-sm table-bordered">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th>Item</th>
|
|
<th>Sold Qty</th>
|
|
<th>Return Qty</th>
|
|
<th>Price</th>
|
|
<th data-en="Total" data-ar="الإجمالي">Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="return_items_tbody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="4" class="text-end">Total Return Amount:</th>
|
|
<th class="text-end" id="return_total_display"><?= __('currency') ?> 0.000</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Notes / Reason for Return</label>
|
|
<textarea name="notes" class="form-control" rows="2"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="add_sales_return" class="btn btn-danger" id="submit_return_btn" disabled>Process Return</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Add Account Modal -->
|
|
<div class="modal fade" id="addAccountModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" data-en="Add New Account" data-ar="إضافة حساب جديد">Add New Account</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body">
|
|
<div class="form-grid-3">
|
|
<div class="col-md-4">
|
|
<label class="form-label" data-en="Code" data-ar="الكود">Code</label>
|
|
<input type="text" name="code" class="form-control" required placeholder="e.g. 1101">
|
|
</div>
|
|
<div class="col-md-8">
|
|
<label class="form-label" data-en="Name (EN)" data-ar="الاسم (إنجليزي)">Name (EN)</label>
|
|
<input type="text" name="name_en" class="form-control" required>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<label class="form-label" data-en="Name (AR)" data-ar="الاسم (عربي)">Name (AR)</label>
|
|
<input type="text" name="name_ar" class="form-control" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label" data-en="Type" data-ar="النوع">Type</label>
|
|
<select name="type" class="form-select" required>
|
|
<option value="asset">Asset</option>
|
|
<option value="liability">Liability</option>
|
|
<option value="equity">Equity</option>
|
|
<option value="revenue">Revenue</option>
|
|
<option value="expense">Expense</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label" data-en="Parent Account" data-ar="الحساب الأب">Parent Account</label>
|
|
<select name="parent_id" class="form-select">
|
|
<option value="">--- None ---</option>
|
|
<?php foreach ($data['accounts'] as $acc): ?>
|
|
<option value="<?= $acc['id'] ?>"><?= $acc['code'] ?> - <?= htmlspecialchars($acc['name_en']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="add_account" class="btn btn-primary">Save Account</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add Manual Journal Modal -->
|
|
<div class="modal fade" id="addManualJournalModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-success text-white">
|
|
<h5 class="modal-title" data-en="New Manual Journal Entry" data-ar="قيد يومية يدوي جديد">New Manual Journal Entry</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-4">
|
|
<label class="form-label" data-en="Entry Date" data-ar="تاريخ القيد">Entry Date</label>
|
|
<input type="date" name="entry_date" class="form-control" value="<?= date('Y-m-d') ?>" required>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<label class="form-label" data-en="Description" data-ar="الوصف">Description</label>
|
|
<input type="text" name="description" class="form-control" required placeholder="e.g. Opening Balance or Adjustment">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label class="form-label" data-en="Reference" data-ar="المرجع">Reference</label>
|
|
<input type="text" name="reference" class="form-control" placeholder="e.g. JV-001">
|
|
</div>
|
|
</div>
|
|
|
|
<h6>Journal Details</h6>
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th style="width: 50%;">Account</th>
|
|
<th style="width: 20%;">Debit</th>
|
|
<th style="width: 20%;">Credit</th>
|
|
<th style="width: 10%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="manualJournalBody">
|
|
<tr class="journal-row">
|
|
<td>
|
|
<select name="codes[]" class="form-select select2-journal" required>
|
|
<option value="">--- Select Account ---</option>
|
|
<?php foreach ($data['accounts'] as $acc): ?>
|
|
<option value="<?= $acc['code'] ?>"><?= $acc['code'] ?> - <?= htmlspecialchars($acc['name_en']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</td>
|
|
<td><input type="number" step="0.001" name="debits[]" class="form-control journal-debit" value="0.000"></td>
|
|
<td><input type="number" step="0.001" name="credits[]" class="form-control journal-credit" value="0.000"></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr class="journal-row">
|
|
<td>
|
|
<select name="codes[]" class="form-select select2-journal" required>
|
|
<option value="">--- Select Account ---</option>
|
|
<?php foreach ($data['accounts'] as $acc): ?>
|
|
<option value="<?= $acc['code'] ?>"><?= $acc['code'] ?> - <?= htmlspecialchars($acc['name_en']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</td>
|
|
<td><input type="number" step="0.001" name="debits[]" class="form-control journal-debit" value="0.000"></td>
|
|
<td><input type="number" step="0.001" name="credits[]" class="form-control journal-credit" value="0.000"></td>
|
|
<td></td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4">
|
|
<button type="button" class="btn btn-outline-primary btn-sm" onclick="addJournalRow()">
|
|
<i class="bi bi-plus-lg"></i> Add Row
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-light fw-bold">
|
|
<td class="text-end" data-en="Total" data-ar="الإجمالي">Total</td>
|
|
<td id="totalDebitDisplay">0.000</td>
|
|
<td id="totalCreditDisplay">0.000</td>
|
|
<td></td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
<div id="journalBalanceWarning" class="alert alert-danger py-2 mt-2" style="display:none;">
|
|
<small><i class="bi bi-exclamation-triangle"></i> Journal is not balanced! Difference: <span id="journalDifference">0.000</span></small>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="add_manual_journal" id="saveJournalBtn" class="btn btn-primary" data-en="Save Entry" data-ar="حفظ القيد" disabled>Save Entry</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function addJournalRow() {
|
|
const tbody = document.getElementById('manualJournalBody');
|
|
const row = document.createElement('tr');
|
|
row.className = 'journal-row';
|
|
row.innerHTML = `
|
|
<td>
|
|
<select name="codes[]" class="form-select select2-journal" required>
|
|
<option value="">--- Select Account ---</option>
|
|
<?php foreach ($data['accounts'] as $acc): ?>
|
|
<option value="<?= $acc['code'] ?>"><?= $acc['code'] ?> - <?= htmlspecialchars($acc['name_en']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</td>
|
|
<td><input type="number" step="0.001" name="debits[]" class="form-control journal-debit" value="0.000"></td>
|
|
<td><input type="number" step="0.001" name="credits[]" class="form-control journal-credit" value="0.000"></td>
|
|
<td class="text-center">
|
|
<button type="button" class="btn btn-link text-danger p-0" onclick="this.closest('tr').remove(); calculateJournalBalance();">
|
|
<i class="bi bi-trash"></i>
|
|
</button>
|
|
</td>
|
|
`;
|
|
tbody.appendChild(row);
|
|
|
|
// Init Select2 for new row
|
|
$(row).find('.select2-journal').select2({
|
|
width: '100%',
|
|
dropdownParent: $('#addManualJournalModal')
|
|
});
|
|
|
|
attachJournalListeners(row);
|
|
}
|
|
|
|
function attachJournalListeners(row) {
|
|
row.querySelectorAll('input').forEach(input => {
|
|
input.addEventListener('input', calculateJournalBalance);
|
|
});
|
|
}
|
|
|
|
function calculateJournalBalance() {
|
|
let totalDebit = 0;
|
|
let totalCredit = 0;
|
|
document.querySelectorAll('.journal-row').forEach(row => {
|
|
totalDebit += parseFloat(row.querySelector('.journal-debit').value) || 0;
|
|
totalCredit += parseFloat(row.querySelector('.journal-credit').value) || 0;
|
|
});
|
|
|
|
document.getElementById('totalDebitDisplay').innerText = totalDebit.toFixed(3);
|
|
document.getElementById('totalCreditDisplay').innerText = totalCredit.toFixed(3);
|
|
|
|
const diff = Math.abs(totalDebit - totalCredit);
|
|
const isBalanced = diff < 0.001 && (totalDebit > 0 || totalCredit > 0);
|
|
|
|
document.getElementById('saveJournalBtn').disabled = !isBalanced;
|
|
|
|
const warning = document.getElementById('journalBalanceWarning');
|
|
if (diff >= 0.001) {
|
|
warning.style.display = 'block';
|
|
document.getElementById('journalDifference').innerText = diff.toFixed(3);
|
|
} else {
|
|
warning.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
document.querySelectorAll('.journal-row').forEach(attachJournalListeners);
|
|
$('.select2-journal').select2({
|
|
width: '100%',
|
|
dropdownParent: $('#addManualJournalModal')
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<!-- View Invoice Modal -->
|
|
<!-- Add Invoice Modal -->
|
|
<div class="modal fade" id="addInvoiceModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-primary text-white">
|
|
<h5 class="modal-title" data-en="Create New Tax Invoice" data-ar="إنشاء فاتورة ضريبية جديدة">Create New Tax Invoice</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<input type="hidden" name="type" value="<?= $page === 'sales' ? 'sale' : 'purchase' ?>">
|
|
<div class="modal-body p-4">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="<?= $page === 'sales' ? 'Customer' : 'Supplier' ?>" data-ar="<?= $page === 'sales' ? 'العميل' : 'المورد' ?>"><?= $page === 'sales' ? 'Customer' : 'Supplier' ?></label>
|
|
<select name="customer_id" class="form-select select2" required>
|
|
<option value="">---</option>
|
|
<?php foreach ($data['customers_list'] as $c): ?>
|
|
<option value="<?= $c['id'] ?>"><?= htmlspecialchars($c['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Date" data-ar="التاريخ">Date</label>
|
|
<input type="date" name="invoice_date" class="form-control" value="<?= date('Y-m-d') ?>" required>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Due Date" data-ar="تاريخ الاستحقاق">Due Date</label>
|
|
<input type="date" name="due_date" class="form-control">
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Payment Type" data-ar="طريقة الدفع">Payment Type</label>
|
|
<select name="payment_type" class="form-select">
|
|
<option value="cash">Cash</option>
|
|
<option value="card">Credit Card</option>
|
|
<option value="bank_transfer">Bank Transfer</option>
|
|
<option value="credit">Credit</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Status" data-ar="الحالة">Status</label>
|
|
<select name="status" id="add_status" class="form-select">
|
|
<option value="unpaid">Unpaid</option>
|
|
<option value="partially_paid">Partially Paid</option>
|
|
<option value="paid">Paid</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3" id="addPaidAmountContainer" style="display: none;">
|
|
<label class="form-label fw-bold" data-en="Paid Amount" data-ar="المبلغ المدفوع">Paid Amount</label>
|
|
<input type="number" step="0.001" name="paid_amount" class="form-control" value="0.000">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-body bg-light">
|
|
<label class="form-label fw-bold" data-en="Search Items" data-ar="بحث عن أصناف">Search Items</label>
|
|
<div class="position-relative">
|
|
<input type="text" id="productSearchInput" class="form-control" placeholder="Search by name or SKU..." autocomplete="off">
|
|
<div id="searchSuggestions" class="list-group position-absolute w-100 shadow-sm" style="display: none; z-index: 1000;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th style="width: 40%;" data-en="Item Details" data-ar="تفاصيل الصنف">Item Details</th>
|
|
<th style="width: 15%;" data-en="Qty" data-ar="الكمية">Qty</th>
|
|
<th style="width: 15%;" data-en="Unit Price" data-ar="سعر الوحدة">Unit Price</th>
|
|
<th style="width: 10%;" data-en="VAT" data-ar="الضريبة">VAT</th>
|
|
<th style="width: 15%;" data-en="Total" data-ar="الإجمالي">Total</th>
|
|
<th style="width: 5%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="invoiceItemsTableBody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Subtotal" data-ar="الإجمالي الفرعي">Subtotal</td>
|
|
<td class="text-end fw-bold" id="subtotal"><?= __('currency') ?> 0.000</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Total VAT" data-ar="إجمالي الضريبة">Total VAT</td>
|
|
<td class="text-end fw-bold" id="totalVat"><?= __('currency') ?> 0.000</td>
|
|
<td></td>
|
|
</tr>
|
|
<?php if ($manualDiscountEnabled): ?>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Manual Discount" data-ar="الخصم اليدوي">Manual Discount</td>
|
|
<td>
|
|
<div class="input-group input-group-sm">
|
|
<span class="input-group-text"><?= __('currency') ?></span>
|
|
<input type="number" step="0.001" min="0" name="discount_amount" class="form-control text-end" value="0.000" data-invoice-discount-input>
|
|
</div>
|
|
<div class="form-text text-end" data-invoice-discount-help></div>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
<tr class="table-primary">
|
|
<td colspan="4" class="text-end fw-bold h5" data-en="Grand Total" data-ar="الإجمالي النهائي">Grand Total</td>
|
|
<td class="text-end fw-bold h5" id="grandTotal"><?= __('currency') ?> 0.000</td>
|
|
<td></td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="add_invoice" class="btn btn-primary" data-en="Create Invoice" data-ar="إنشاء الفاتورة">Create Invoice</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Invoice Modal -->
|
|
<div class="modal fade" id="editInvoiceModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-primary text-white">
|
|
<h5 class="modal-title" data-en="Edit Invoice" data-ar="تعديل الفاتورة">Edit Invoice</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<input type="hidden" name="invoice_id" id="edit_invoice_id">
|
|
<div class="modal-body p-4">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="<?= $page === 'sales' ? 'Customer' : 'Supplier' ?>" data-ar="<?= $page === 'sales' ? 'العميل' : 'المورد' ?>"><?= $page === 'sales' ? 'Customer' : 'Supplier' ?></label>
|
|
<select name="customer_id" id="edit_customer_id" class="form-select select2" <?= $page === 'sales' ? '' : 'required' ?>>
|
|
<option value="">---</option>
|
|
<?php foreach ($data['customers_list'] as $c): ?>
|
|
<option value="<?= $c['id'] ?>"><?= htmlspecialchars($c['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Date" data-ar="التاريخ">Date</label>
|
|
<input type="date" name="invoice_date" id="edit_invoice_date" class="form-control" required>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Due Date" data-ar="تاريخ الاستحقاق">Due Date</label>
|
|
<input type="date" name="due_date" id="edit_due_date" class="form-control">
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Payment Type" data-ar="طريقة الدفع">Payment Type</label>
|
|
<select name="payment_type" id="edit_payment_type" class="form-select">
|
|
<option value="cash">Cash</option>
|
|
<option value="card">Credit Card</option>
|
|
<option value="bank_transfer">Bank Transfer</option>
|
|
<option value="credit">Credit</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Status" data-ar="الحالة">Status</label>
|
|
<select name="status" id="edit_status" class="form-select">
|
|
<option value="unpaid">Unpaid</option>
|
|
<option value="partially_paid">Partially Paid</option>
|
|
<option value="paid">Paid</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3" id="editPaidAmountContainer" style="display: none;">
|
|
<label class="form-label fw-bold" data-en="Paid Amount" data-ar="المبلغ المدفوع">Paid Amount</label>
|
|
<input type="number" step="0.001" name="paid_amount" id="edit_paid_amount" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-body bg-light">
|
|
<label class="form-label fw-bold" data-en="Search Items" data-ar="بحث عن أصناف">Search Items</label>
|
|
<div class="position-relative">
|
|
<input type="text" id="editProductSearchInput" class="form-control" placeholder="Search by name or SKU..." autocomplete="off">
|
|
<div id="editSearchSuggestions" class="list-group position-absolute w-100 shadow-sm" style="display: none; z-index: 1000;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th style="width: 40%;" data-en="Item Details" data-ar="تفاصيل الصنف">Item Details</th>
|
|
<th style="width: 15%;" data-en="Qty" data-ar="الكمية">Qty</th>
|
|
<th style="width: 15%;" data-en="Unit Price" data-ar="سعر الوحدة">Unit Price</th>
|
|
<th style="width: 10%;" data-en="VAT" data-ar="الضريبة">VAT</th>
|
|
<th style="width: 15%;" data-en="Total" data-ar="الإجمالي">Total</th>
|
|
<th style="width: 5%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="editInvoiceItemsTableBody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Subtotal" data-ar="الإجمالي الفرعي">Subtotal</td>
|
|
<td class="text-end fw-bold" id="edit_subtotal"><?= __('currency') ?> 0.000</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Total VAT" data-ar="إجمالي الضريبة">Total VAT</td>
|
|
<td class="text-end fw-bold" id="edit_totalVat"><?= __('currency') ?> 0.000</td>
|
|
<td></td>
|
|
</tr>
|
|
<?php if ($manualDiscountEnabled): ?>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Manual Discount" data-ar="الخصم اليدوي">Manual Discount</td>
|
|
<td>
|
|
<div class="input-group input-group-sm">
|
|
<span class="input-group-text"><?= __('currency') ?></span>
|
|
<input type="number" step="0.001" min="0" name="discount_amount" id="edit_discount_amount" class="form-control text-end" value="0.000" data-invoice-discount-input>
|
|
</div>
|
|
<div class="form-text text-end" data-invoice-discount-help></div>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
<tr class="table-primary">
|
|
<td colspan="4" class="text-end fw-bold h5" data-en="Grand Total" data-ar="الإجمالي النهائي">Grand Total</td>
|
|
<td class="text-end fw-bold h5" id="edit_grandTotal"><?= __('currency') ?> 0.000</td>
|
|
<td></td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="edit_invoice" class="btn btn-primary" data-en="Update Invoice" data-ar="تحديث الفاتورة">Update Invoice</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add Quotation Modal -->
|
|
<!-- Add LPO Modal -->
|
|
<div class="modal fade" id="addLpoModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-primary text-white">
|
|
<h5 class="modal-title" data-en="Create New LPO" data-ar="إنشاء أمر شراء جديد">Create New LPO</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body p-4">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Supplier" data-ar="المورد">Supplier</label>
|
|
<select name="supplier_id" class="form-select select2" required>
|
|
<option value="">---</option>
|
|
<?php foreach ($data['suppliers'] as $s): ?>
|
|
<option value="<?= $s['id'] ?>"><?= htmlspecialchars($s['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Date" data-ar="التاريخ">Date</label>
|
|
<input type="date" name="lpo_date" class="form-control" value="<?= date('Y-m-d') ?>" required>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Delivery Date" data-ar="تاريخ التسليم">Delivery Date</label>
|
|
<input type="date" name="delivery_date" class="form-control">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Terms & Conditions" data-ar="الشروط والأحكام">Terms & Conditions</label>
|
|
<textarea name="terms_conditions" class="form-control" rows="1"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-body bg-light">
|
|
<label class="form-label fw-bold" data-en="Search Items" data-ar="بحث عن أصناف">Search Items</label>
|
|
<div class="position-relative">
|
|
<input type="text" id="lpoProductSearchInput" class="form-control" placeholder="Search by name or SKU..." autocomplete="off">
|
|
<div id="lpoSearchSuggestions" class="list-group position-absolute w-100 shadow-sm" style="display: none; z-index: 1000;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th style="width: 40%;" data-en="Item Details" data-ar="تفاصيل الصنف">Item Details</th>
|
|
<th style="width: 15%;" data-en="Qty" data-ar="الكمية">Qty</th>
|
|
<th style="width: 15%;" data-en="Unit Price" data-ar="سعر الوحدة">Unit Price</th>
|
|
<th style="width: 10%;" data-en="VAT" data-ar="الضريبة">VAT</th>
|
|
<th style="width: 15%;" data-en="Total" data-ar="الإجمالي">Total</th>
|
|
<th style="width: 5%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="lpoItemsTableBody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Subtotal" data-ar="الإجمالي الفرعي">Subtotal</td>
|
|
<td class="text-end fw-bold" id="lpo_subtotal_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Total VAT" data-ar="إجمالي الضريبة">Total VAT</td>
|
|
<td class="text-end fw-bold" id="lpo_vat_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr class="table-primary">
|
|
<td colspan="4" class="text-end fw-bold h5" data-en="Grand Total" data-ar="الإجمالي النهائي">Grand Total</td>
|
|
<td class="text-end fw-bold h5" id="lpo_grand_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="add_lpo" class="btn btn-primary" data-en="Create LPO" data-ar="إنشاء أمر الشراء">Create LPO</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit LPO Modal -->
|
|
<div class="modal fade" id="editLpoModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-primary text-white">
|
|
<h5 class="modal-title" data-en="Edit LPO" data-ar="تعديل أمر الشراء">Edit LPO</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<input type="hidden" name="lpo_id" id="edit_lpo_id">
|
|
<div class="modal-body p-4">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Supplier" data-ar="المورد">Supplier</label>
|
|
<select name="supplier_id" id="edit_lpo_supplier_id" class="form-select select2" required>
|
|
<option value="">---</option>
|
|
<?php foreach ($data['suppliers'] as $s): ?>
|
|
<option value="<?= $s['id'] ?>"><?= htmlspecialchars($s['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Date" data-ar="التاريخ">Date</label>
|
|
<input type="date" name="lpo_date" id="edit_lpo_date" class="form-control" required>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold" data-en="Delivery Date" data-ar="تاريخ التسليم">Delivery Date</label>
|
|
<input type="date" name="delivery_date" id="edit_lpo_delivery_date" class="form-control">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Status" data-ar="الحالة">Status</label>
|
|
<select name="status" id="edit_lpo_status" class="form-select">
|
|
<option value="pending">Pending</option>
|
|
<option value="converted">Converted</option>
|
|
<option value="cancelled">Cancelled</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<label class="form-label fw-bold" data-en="Terms" data-ar="الشروط">Terms</label>
|
|
<textarea name="terms_conditions" id="edit_lpo_terms" class="form-control" rows="1"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-body bg-light">
|
|
<label class="form-label fw-bold" data-en="Search Items" data-ar="بحث عن أصناف">Search Items</label>
|
|
<div class="position-relative">
|
|
<input type="text" id="editLpoProductSearchInput" class="form-control" placeholder="Search by name or SKU..." autocomplete="off">
|
|
<div id="editLpoSearchSuggestions" class="list-group position-absolute w-100 shadow-sm" style="display: none; z-index: 1000;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th style="width: 40%;" data-en="Item Details" data-ar="تفاصيل الصنف">Item Details</th>
|
|
<th style="width: 15%;" data-en="Qty" data-ar="الكمية">Qty</th>
|
|
<th style="width: 15%;" data-en="Unit Price" data-ar="سعر الوحدة">Unit Price</th>
|
|
<th style="width: 10%;" data-en="VAT" data-ar="الضريبة">VAT</th>
|
|
<th style="width: 15%;" data-en="Total" data-ar="الإجمالي">Total</th>
|
|
<th style="width: 5%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="editLpoItemsTableBody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Subtotal" data-ar="الإجمالي الفرعي">Subtotal</td>
|
|
<td class="text-end fw-bold" id="edit_lpo_subtotal_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Total VAT" data-ar="إجمالي الضريبة">Total VAT</td>
|
|
<td class="text-end fw-bold" id="edit_lpo_vat_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr class="table-primary">
|
|
<td colspan="4" class="text-end fw-bold h5" data-en="Grand Total" data-ar="الإجمالي النهائي">Grand Total</td>
|
|
<td class="text-end fw-bold h5" id="edit_lpo_grand_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="edit_lpo" class="btn btn-primary" data-en="Update LPO" data-ar="تحديث أمر الشراء">Update LPO</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- View LPO Modal -->
|
|
<div class="modal fade" id="viewLpoModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-info text-white">
|
|
<h5 class="modal-title">LPO Details</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body p-4" id="lpoDetailsContent">
|
|
<!-- Loaded via JS -->
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
|
|
<button type="button" class="btn btn-primary" onclick="window.printLPO()">Print LPO</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="addQuotationModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-primary text-white">
|
|
<h5 class="modal-title" data-en="Create New Quotation" data-ar="إنشاء عرض سعر جديد">Create New Quotation</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body p-4">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-4">
|
|
<label class="form-label fw-bold" data-en="Customer" data-ar="العميل">Customer</label>
|
|
<select name="customer_id" class="form-select select2" required>
|
|
<option value="">---</option>
|
|
<?php foreach ($data['customers_list'] as $c): ?>
|
|
<option value="<?= $c['id'] ?>"><?= htmlspecialchars($c['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label class="form-label fw-bold" data-en="Date" data-ar="التاريخ">Date</label>
|
|
<input type="date" name="quotation_date" class="form-control" value="<?= date('Y-m-d') ?>" required>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label class="form-label fw-bold" data-en="Valid Until" data-ar="صالح حتى">Valid Until</label>
|
|
<input type="date" name="valid_until" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-body bg-light">
|
|
<label class="form-label fw-bold" data-en="Search Items" data-ar="بحث عن أصناف">Search Items</label>
|
|
<div class="position-relative">
|
|
<input type="text" id="quotProductSearchInput" class="form-control" placeholder="Search by name or SKU..." autocomplete="off">
|
|
<div id="quotSearchSuggestions" class="list-group position-absolute w-100 shadow-sm" style="display: none; z-index: 1000;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th style="width: 40%;" data-en="Item Details" data-ar="تفاصيل الصنف">Item Details</th>
|
|
<th style="width: 15%;" data-en="Qty" data-ar="الكمية">Qty</th>
|
|
<th style="width: 15%;" data-en="Unit Price" data-ar="سعر الوحدة">Unit Price</th>
|
|
<th style="width: 10%;" data-en="VAT" data-ar="الضريبة">VAT</th>
|
|
<th style="width: 15%;" data-en="Total" data-ar="الإجمالي">Total</th>
|
|
<th style="width: 5%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="quotItemsTableBody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Subtotal" data-ar="الإجمالي الفرعي">Subtotal</td>
|
|
<td class="text-end fw-bold" id="quot_subtotal_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Total VAT" data-ar="إجمالي الضريبة">Total VAT</td>
|
|
<td class="text-end fw-bold" id="quot_vat_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr class="table-primary">
|
|
<td colspan="4" class="text-end fw-bold h5" data-en="Grand Total" data-ar="الإجمالي النهائي">Grand Total</td>
|
|
<td class="text-end fw-bold h5" id="quot_grand_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="add_quotation" class="btn btn-primary" data-en="Create Quotation" data-ar="إنشاء عرض السعر">Create Quotation</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Quotation Modal -->
|
|
<div class="modal fade" id="editQuotationModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-primary text-white">
|
|
<h5 class="modal-title" data-en="Edit Quotation" data-ar="تعديل عرض السعر">Edit Quotation</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<input type="hidden" name="quotation_id" id="edit_quotation_id">
|
|
<div class="modal-body p-4">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Customer" data-ar="العميل">Customer</label>
|
|
<select name="customer_id" id="edit_quot_customer_id" class="form-select select2" required>
|
|
<option value="">---</option>
|
|
<?php foreach ($data['customers_list'] as $c): ?>
|
|
<option value="<?= $c['id'] ?>"><?= htmlspecialchars($c['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Date" data-ar="التاريخ">Date</label>
|
|
<input type="date" name="quotation_date" id="edit_quot_date" class="form-control" required>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Valid Until" data-ar="صالح حتى">Valid Until</label>
|
|
<input type="date" name="valid_until" id="edit_quot_valid" class="form-control">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold" data-en="Status" data-ar="الحالة">Status</label>
|
|
<select name="status" id="edit_quot_status" class="form-select">
|
|
<option value="pending">Pending</option>
|
|
<option value="converted">Converted</option>
|
|
<option value="expired">Expired</option>
|
|
<option value="cancelled">Cancelled</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-body bg-light">
|
|
<label class="form-label fw-bold" data-en="Search Items" data-ar="بحث عن أصناف">Search Items</label>
|
|
<div class="position-relative">
|
|
<input type="text" id="editQuotProductSearchInput" class="form-control" placeholder="Search by name or SKU..." autocomplete="off">
|
|
<div id="editQuotSearchSuggestions" class="list-group position-absolute w-100 shadow-sm" style="display: none; z-index: 1000;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th style="width: 40%;" data-en="Item Details" data-ar="تفاصيل الصنف">Item Details</th>
|
|
<th style="width: 15%;" data-en="Qty" data-ar="الكمية">Qty</th>
|
|
<th style="width: 15%;" data-en="Unit Price" data-ar="سعر الوحدة">Unit Price</th>
|
|
<th style="width: 10%;" data-en="VAT" data-ar="الضريبة">VAT</th>
|
|
<th style="width: 15%;" data-en="Total" data-ar="الإجمالي">Total</th>
|
|
<th style="width: 5%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="editQuotItemsTableBody"></tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Subtotal" data-ar="الإجمالي الفرعي">Subtotal</td>
|
|
<td class="text-end fw-bold" id="edit_quot_subtotal_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4" class="text-end fw-bold" data-en="Total VAT" data-ar="إجمالي الضريبة">Total VAT</td>
|
|
<td class="text-end fw-bold" id="edit_quot_vat_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
<tr class="table-primary">
|
|
<td colspan="4" class="text-end fw-bold h5" data-en="Grand Total" data-ar="الإجمالي النهائي">Grand Total</td>
|
|
<td class="text-end fw-bold h5" id="edit_quot_grand_display"><?= __('currency') ?> 0.000</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="edit_quotation" class="btn btn-primary" data-en="Update Quotation" data-ar="تحديث عرض السعر">Update Quotation</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- View Quotation Modal -->
|
|
<div class="modal fade" id="viewQuotationModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-info text-white d-print-none">
|
|
<h5 class="modal-title" data-en="View Quotation" data-ar="عرض سعر">View Quotation</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body p-0" id="quotationPrintableArea">
|
|
<!-- Dynamic content -->
|
|
</div>
|
|
<div class="modal-footer d-print-none">
|
|
<div id="quotationActionButtons" class="me-auto"></div>
|
|
<button type="button" class="btn btn-secondary" onclick="window.print()"><i class="bi bi-printer"></i data-en="Print" data-ar="طباعة">Print</button>
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require 'pages/sales_purchases_print_view.php'; ?>
|
|
|
|
<!-- Pay Invoice Modal -->
|
|
<div class="modal fade" id="payInvoiceModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-success text-white">
|
|
<h5 class="modal-title" data-en="Record Payment" data-ar="تسجيل دفعة">Record Payment</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body">
|
|
<input type="hidden" name="invoice_id" id="pay_invoice_id">
|
|
<div class="mb-2">
|
|
<label class="form-label smaller fw-bold mb-1" data-en="Total Amount" data-ar="المبلغ الإجمالي">Total Amount</label>
|
|
<input type="text" id="pay_invoice_total" class="form-control form-control-sm" readonly>
|
|
</div>
|
|
<div class="mb-2">
|
|
<label class="form-label smaller fw-bold mb-1" data-en="Remaining Amount" data-ar="المبلغ المتبقي">Remaining Amount</label>
|
|
<input type="text" id="pay_remaining_amount" class="form-control form-control-sm" readonly>
|
|
</div>
|
|
<div class="mb-2">
|
|
<label class="form-label smaller fw-bold mb-1" data-en="Amount to Pay" data-ar="المبلغ المراد دفعه">Amount to Pay</label>
|
|
<input type="number" step="0.001" name="amount" id="pay_amount" class="form-control form-control-sm" required>
|
|
</div>
|
|
<div class="mb-2">
|
|
<label class="form-label smaller fw-bold mb-1" data-en="Payment Date" data-ar="تاريخ الدفع">Payment Date</label>
|
|
<input type="date" name="payment_date" class="form-control form-control-sm" value="<?= date('Y-m-d') ?>" required>
|
|
</div>
|
|
<div class="mb-2">
|
|
<label class="form-label smaller fw-bold mb-1" data-en="Payment Method" data-ar="طريقة الدفع">Payment Method</label>
|
|
<select name="payment_method" class="form-select form-select-sm select2" required>
|
|
<option value="Cash">Cash</option>
|
|
<option value="Card">Credit Card</option>
|
|
<option value="Bank Transfer">Bank Transfer</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-2">
|
|
<label class="form-label smaller fw-bold mb-1" data-en="Notes" data-ar="ملاحظات">Notes</label>
|
|
<textarea name="notes" class="form-control form-control-sm" rows="2"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="record_payment" class="btn btn-success" data-en="Save Payment" data-ar="حفظ الدفعة">Save Payment</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Payment Receipt Modal -->
|
|
<div class="modal fade" id="receiptModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header border-0 pb-0 d-print-none">
|
|
<h5 class="modal-title">Payment Receipt</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body p-0" id="printableReceipt">
|
|
<div class="receipt-container p-4">
|
|
<div class="text-center mb-4">
|
|
<?php
|
|
$logo = $data['settings']['company_logo'] ?? '';
|
|
if ($logo): ?>
|
|
<img src="<?= htmlspecialchars($logo) ?>" alt="Logo" class="invoice-logo mb-3">
|
|
<?php endif; ?>
|
|
<h3 class="mb-1 fw-bold"><?= htmlspecialchars($data['settings']['company_name'] ?? 'Accounting System') ?></h3>
|
|
<p class="text-muted small mb-0"><?= nl2br(htmlspecialchars($data['settings']['company_address'] ?? '')) ?></p>
|
|
<p class="text-muted small mb-0 fw-bold text-primary" id="receiptOutletName" style="display:none;"></p>
|
|
<hr class="my-4">
|
|
<h4 class="letter-spacing-2 fw-bold text-uppercase">Payment Receipt / سند قبض</h4>
|
|
</div>
|
|
<div class="row mb-4">
|
|
<div class="col-6">
|
|
<p class="mb-1 text-muted small text-uppercase fw-bold">Receipt No / رقم السند</p>
|
|
<p class="fw-bold h5 text-primary" id="receiptNo"></p>
|
|
</div>
|
|
<div class="col-6 text-end">
|
|
<p class="mb-1 text-muted small text-uppercase fw-bold">Date / التاريخ</p>
|
|
<p class="fw-bold" id="receiptDate"></p>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4 p-3 bg-light rounded">
|
|
<div class="row mb-2">
|
|
<div class="col-4 text-muted small text-uppercase fw-bold" id="receiptPartyLabel">Received From / استلمنا من</div>
|
|
<div class="col-8 fw-bold" id="receiptCustomer"></div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-4 text-muted small text-uppercase fw-bold" id="receiptAgainstLabel">Against Invoice / مقابل فاتورة</div>
|
|
<div class="col-8 fw-bold" id="receiptInvNo"></div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-4 text-muted small text-uppercase fw-bold">Payment Method / طريقة الدفع</div>
|
|
<div class="col-8 fw-bold" id="receiptMethod"></div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center my-4 py-4 border-top border-bottom">
|
|
<p class="mb-1 text-muted small text-uppercase fw-bold">Amount Paid / المبلغ المدفوع</p>
|
|
<h3 class="fw-bold text-primary mb-1" id="receiptAmount"></h3>
|
|
<p class="text-muted small font-italic" id="receiptAmountWords"></p>
|
|
</div>
|
|
<div id="receiptNotesContainer" class="mb-4" style="display: none;">
|
|
<p class="mb-1 text-muted small text-uppercase fw-bold">Notes / ملاحظات</p>
|
|
<p class="small p-2 bg-light rounded" id="receiptNotes"></p>
|
|
</div>
|
|
<div class="row mt-5 pt-4">
|
|
<div class="col-6">
|
|
<div class="border-top pt-2 text-center small text-muted">Receiver's Signature / توقيع المستلم</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="border-top pt-2 text-center small text-muted">Authorized Signatory / التوقيع المعتمد</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer border-0 d-print-none">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
|
|
<button type="button" class="btn btn-primary" onclick="window.printReceipt()"><i class="bi bi-printer me-2"></i>Print Receipt</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|