new updates
This commit is contained in:
Flatlogic Bot
parent
b26eab2ba0
commit
110b26742e
@ -47,9 +47,94 @@ foreach ($items as $item) {
|
||||
}
|
||||
|
||||
$vat_or_discount = (float)$order['discount'];
|
||||
$company_settings = get_company_settings();
|
||||
?>
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<style>
|
||||
/* Print Styles */
|
||||
@media print {
|
||||
.sidebar, .navbar, header, .no-print, .btn, .breadcrumb, .no-print * {
|
||||
display: none !important;
|
||||
}
|
||||
.main-content {
|
||||
margin-left: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
body {
|
||||
background-color: #fff !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
.card {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.container-fluid {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.print-only {
|
||||
display: block !important;
|
||||
}
|
||||
.table {
|
||||
width: 100% !important;
|
||||
border-collapse: collapse !important;
|
||||
}
|
||||
.table th, .table td {
|
||||
border: 1px solid #dee2e6 !important;
|
||||
padding: 8px !important;
|
||||
}
|
||||
.status-badge {
|
||||
border: 1px solid #000 !important;
|
||||
color: #000 !important;
|
||||
background: none !important;
|
||||
}
|
||||
.card-body {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
.print-only {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Formal Print Header -->
|
||||
<div class="print-only mb-4">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-6">
|
||||
<?php if (!empty($company_settings['logo_url'])): ?>
|
||||
<img src="../<?= htmlspecialchars($company_settings['logo_url']) ?>" alt="Logo" style="max-height: 80px;">
|
||||
<?php else: ?>
|
||||
<h2 class="fw-bold"><?= htmlspecialchars($company_settings['company_name']) ?></h2>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<h1 class="fw-bold mb-0">INVOICE</h1>
|
||||
<p class="mb-0">#<?= $order['id'] ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row mb-4">
|
||||
<div class="col-6">
|
||||
<h6 class="fw-bold text-uppercase text-muted small mb-2">Company Details</h6>
|
||||
<div class="fw-bold"><?= htmlspecialchars($company_settings['company_name']) ?></div>
|
||||
<div><?= nl2br(htmlspecialchars($company_settings['address'] ?? '')) ?></div>
|
||||
<div>Phone: <?= htmlspecialchars($company_settings['phone'] ?? '') ?></div>
|
||||
<?php if (!empty($company_settings['vat_number'])): ?>
|
||||
<div>VAT No: <?= htmlspecialchars($company_settings['vat_number']) ?></div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<h6 class="fw-bold text-uppercase text-muted small mb-2">Order Info</h6>
|
||||
<div><strong>Date:</strong> <?= date('M d, Y H:i', strtotime($order['created_at'])) ?></div>
|
||||
<div><strong>Status:</strong> <?= ucfirst($order['status']) ?></div>
|
||||
<div><strong>Payment:</strong> <?= htmlspecialchars($order['payment_type_name'] ?? 'N/A') ?></div>
|
||||
<div><strong>Type:</strong> <?= ucfirst($order['order_type']) ?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4 no-print">
|
||||
<div>
|
||||
<h2 class="fw-bold mb-0">Order #<?= $order['id'] ?></h2>
|
||||
<p class="text-muted mb-0">Placed on <?= date('M d, Y H:i', strtotime($order['created_at'])) ?></p>
|
||||
@ -74,7 +159,7 @@ $vat_or_discount = (float)$order['discount'];
|
||||
<div class="col-md-8">
|
||||
<!-- Order Items -->
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-header bg-white py-3">
|
||||
<div class="card-header bg-white py-3 no-print">
|
||||
<h5 class="card-title mb-0 fw-bold">Order Items</h5>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
@ -129,17 +214,17 @@ $vat_or_discount = (float)$order['discount'];
|
||||
</div>
|
||||
|
||||
<!-- Additional Info -->
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card border-0 shadow-sm mb-4 no-print">
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bold mb-3">Internal Notes</h5>
|
||||
<p class="text-muted"><?= htmlspecialchars($order['notes'] ?? 'No notes provided for this order.') ?></p>
|
||||
<p class="text-muted mb-0"><?= htmlspecialchars($order['notes'] ?? 'No notes provided for this order.') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- Status & Payment -->
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card border-0 shadow-sm mb-4 no-print">
|
||||
<div class="card-body">
|
||||
<h6 class="text-muted small text-uppercase fw-bold mb-3">Order Status</h6>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
@ -194,7 +279,7 @@ $vat_or_discount = (float)$order['discount'];
|
||||
<h6 class="text-muted small text-uppercase fw-bold mb-3">Customer Information</h6>
|
||||
<?php if ($order['customer_name']): ?>
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="bg-primary bg-opacity-10 text-primary p-2 rounded-circle me-3">
|
||||
<div class="bg-primary bg-opacity-10 text-primary p-2 rounded-circle me-3 no-print">
|
||||
<i class="bi bi-person fs-4"></i>
|
||||
</div>
|
||||
<div>
|
||||
@ -204,19 +289,28 @@ $vat_or_discount = (float)$order['discount'];
|
||||
</div>
|
||||
<?php if ($order['customer_phone']): ?>
|
||||
<div class="mb-2">
|
||||
<i class="bi bi-telephone text-muted me-2"></i>
|
||||
<i class="bi bi-telephone text-muted me-2 no-print"></i>
|
||||
<span class="print-only">Phone: </span>
|
||||
<a href="tel:<?= $order['customer_phone'] ?>" class="text-decoration-none text-dark"><?= htmlspecialchars($order['customer_phone'] ?? '') ?></a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if ($order['customer_email']): ?>
|
||||
<div class="mb-0">
|
||||
<i class="bi bi-envelope text-muted me-2"></i>
|
||||
<div class="mb-2">
|
||||
<i class="bi bi-envelope text-muted me-2 no-print"></i>
|
||||
<span class="print-only">Email: </span>
|
||||
<a href="mailto:<?= $order['customer_email'] ?>" class="text-decoration-none text-dark"><?= htmlspecialchars($order['customer_email'] ?? '') ?></a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($order['customer_address'])): ?>
|
||||
<div class="mb-0">
|
||||
<i class="bi bi-geo-alt text-muted me-2 no-print"></i>
|
||||
<span class="print-only">Address: </span>
|
||||
<span class="text-dark"><?= htmlspecialchars($order['customer_address']) ?></span>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php else: ?>
|
||||
<div class="text-center py-3">
|
||||
<i class="bi bi-person-x fs-1 text-muted opacity-25"></i>
|
||||
<i class="bi bi-person-x fs-1 text-muted opacity-25 no-print"></i>
|
||||
<p class="text-muted small mb-0 mt-2">No customer attached to this order (Guest)</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@ -267,6 +361,11 @@ function printThermalReceipt() {
|
||||
|
||||
const win = window.open('', 'Receipt', `width=${width},height=${height},top=${top},left=${left}`);
|
||||
|
||||
if (!win) {
|
||||
alert('Please allow popups for this website to print thermal receipts.');
|
||||
return;
|
||||
}
|
||||
|
||||
const tr = {
|
||||
'Order': 'الطلب',
|
||||
'Type': 'النوع',
|
||||
@ -278,6 +377,7 @@ function printThermalReceipt() {
|
||||
'TOTAL': 'المجموع',
|
||||
'Subtotal': 'المجموع الفرعي',
|
||||
'VAT': 'ضريبة القيمة المضافة',
|
||||
'Tax Included': 'شامل الضريبة',
|
||||
'THANK YOU FOR YOUR VISIT!': 'شكراً لزيارتكم!',
|
||||
'Please come again.': 'يرجى زيارتنا مرة أخرى.',
|
||||
'Customer Details': 'تفاصيل العميل',
|
||||
|
||||
@ -312,6 +312,7 @@ include 'includes/header.php';
|
||||
'cash' => 'bg-success',
|
||||
'credit card' => 'bg-primary',
|
||||
'loyalty redeem' => 'bg-warning',
|
||||
'bank transfer' => 'bg-info',
|
||||
'unpaid' => 'bg-secondary',
|
||||
default => 'bg-secondary'
|
||||
};
|
||||
|
||||
@ -11,7 +11,22 @@ $message = '';
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action'])) {
|
||||
$action = $_POST['action'];
|
||||
$id = isset($_POST['id']) ? (int)$_POST['id'] : null;
|
||||
|
||||
if ($action === 'cancel_promotion' && $id) {
|
||||
if (!has_permission('products_edit')) {
|
||||
$message = '<div class="alert alert-danger">Access Denied: You do not have permission to edit products.</div>';
|
||||
} else {
|
||||
try {
|
||||
$stmt = $pdo->prepare("UPDATE products SET promo_discount_percent = NULL, promo_date_from = NULL, promo_date_to = NULL WHERE id = ?");
|
||||
$stmt->execute([$id]);
|
||||
$message = '<div class="alert alert-success">Promotion cancelled successfully!</div>';
|
||||
} catch (PDOException $e) {
|
||||
$message = '<div class="alert alert-danger">Database error: ' . $e->getMessage() . '</div>';
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$name = $_POST['name'];
|
||||
$name_ar = $_POST['name_ar'] ?? '';
|
||||
$category_id = $_POST['category_id'];
|
||||
$price = $_POST['price'];
|
||||
$cost_price = $_POST['cost_price'] ?: 0;
|
||||
@ -50,22 +65,23 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action'])) {
|
||||
if (!has_permission('products_edit') && !has_permission('products_add')) {
|
||||
$message = '<div class="alert alert-danger">Access Denied: You do not have permission to edit products.</div>';
|
||||
} else {
|
||||
$stmt = $pdo->prepare("UPDATE products SET name = ?, category_id = ?, price = ?, cost_price = ?, stock_quantity = ?, description = ?, image_url = ?, promo_discount_percent = ?, promo_date_from = ?, promo_date_to = ? WHERE id = ?");
|
||||
$stmt->execute([$name, $category_id, $price, $cost_price, $stock_quantity, $description, $image_url, $promo_discount_percent, $promo_date_from, $promo_date_to, $id]);
|
||||
$stmt = $pdo->prepare("UPDATE products SET name = ?, name_ar = ?, category_id = ?, price = ?, cost_price = ?, stock_quantity = ?, description = ?, image_url = ?, promo_discount_percent = ?, promo_date_from = ?, promo_date_to = ? WHERE id = ?");
|
||||
$stmt->execute([$name, $name_ar, $category_id, $price, $cost_price, $stock_quantity, $description, $image_url, $promo_discount_percent, $promo_date_from, $promo_date_to, $id]);
|
||||
$message = '<div class="alert alert-success">Product updated successfully!</div>';
|
||||
}
|
||||
} elseif ($action === 'add_product') {
|
||||
if (!has_permission('products_add')) {
|
||||
$message = '<div class="alert alert-danger">Access Denied: You do not have permission to add products.</div>';
|
||||
} else {
|
||||
$stmt = $pdo->prepare("INSERT INTO products (name, category_id, price, cost_price, stock_quantity, description, image_url, promo_discount_percent, promo_date_from, promo_date_to) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
|
||||
$stmt->execute([$name, $category_id, $price, $cost_price, $stock_quantity, $description, $image_url, $promo_discount_percent, $promo_date_from, $promo_date_to]);
|
||||
$stmt = $pdo->prepare("INSERT INTO products (name, name_ar, category_id, price, cost_price, stock_quantity, description, image_url, promo_discount_percent, promo_date_from, promo_date_to) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
|
||||
$stmt->execute([$name, $name_ar, $category_id, $price, $cost_price, $stock_quantity, $description, $image_url, $promo_discount_percent, $promo_date_from, $promo_date_to]);
|
||||
$message = '<div class="alert alert-success">Product created successfully!</div>';
|
||||
}
|
||||
}
|
||||
} catch (PDOException $e) {
|
||||
$message = '<div class="alert alert-danger">Database error: ' . $e->getMessage() . '</div>';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Handle Delete
|
||||
@ -92,7 +108,8 @@ $query = "SELECT p.*, c.name as category_name
|
||||
LEFT JOIN categories c ON p.category_id = c.id";
|
||||
|
||||
if ($search) {
|
||||
$where[] = "(p.name LIKE ? OR p.description LIKE ?)";
|
||||
$where[] = "(p.name LIKE ? OR p.name_ar LIKE ? OR p.description LIKE ?)";
|
||||
$params[] = "%$search%";
|
||||
$params[] = "%$search%";
|
||||
$params[] = "%$search%";
|
||||
}
|
||||
@ -173,6 +190,7 @@ include 'includes/header.php';
|
||||
!empty($product['promo_date_to']) &&
|
||||
$today >= $product['promo_date_from'] &&
|
||||
$today <= $product['promo_date_to'];
|
||||
$has_promo_data = !empty($product['promo_discount_percent']);
|
||||
?>
|
||||
<tr>
|
||||
<td class="ps-4">
|
||||
@ -180,6 +198,9 @@ include 'includes/header.php';
|
||||
<img src="<?= htmlspecialchars(strpos($product['image_url'], 'http') === 0 ? $product['image_url'] : '../' . $product['image_url']) ?>" alt="" class="rounded-3 me-3 border shadow-sm" style="width: 48px; height: 48px; object-fit: cover;">
|
||||
<div>
|
||||
<div class="fw-bold text-dark"><?= htmlspecialchars($product['name']) ?></div>
|
||||
<?php if (!empty($product['name_ar'])): ?>
|
||||
<div class="text-primary small fw-semibold" dir="rtl"><?= htmlspecialchars($product['name_ar']) ?></div>
|
||||
<?php endif; ?>
|
||||
<div class="text-muted small text-truncate" style="max-width: 180px;"><?= htmlspecialchars($product['description'] ?? '') ?></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -200,6 +221,7 @@ include 'includes/header.php';
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<?php if ($is_promo_active): ?>
|
||||
<span class="badge bg-success rounded-pill px-2">-<?= floatval($product['promo_discount_percent']) ?>%</span>
|
||||
<?php elseif (!empty($product['promo_discount_percent'])): ?>
|
||||
@ -207,6 +229,17 @@ include 'includes/header.php';
|
||||
<?php else: ?>
|
||||
<span class="text-muted small">-</span>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($has_promo_data && has_permission('products_edit')): ?>
|
||||
<form method="POST" class="d-inline" onsubmit="return confirm('Cancel this promotion?')">
|
||||
<input type="hidden" name="action" value="cancel_promotion">
|
||||
<input type="hidden" name="id" value="<?= $product['id'] ?>">
|
||||
<button type="submit" class="btn btn-link p-0 text-danger" title="Cancel Promotion">
|
||||
<i class="bi bi-x-circle-fill"></i>
|
||||
</button>
|
||||
</form>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-4">
|
||||
<div class="d-inline-flex gap-2">
|
||||
@ -249,9 +282,20 @@ include 'includes/header.php';
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-8">
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-bold text-muted">PRODUCT NAME <span class="text-danger">*</span></label>
|
||||
<label class="form-label small fw-bold text-muted">PRODUCT NAME (EN) <span class="text-danger">*</span></label>
|
||||
<input type="text" name="name" id="productName" class="form-control rounded-3" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-bold text-muted d-flex justify-content-between">
|
||||
<span>PRODUCT NAME (ARABIC)</span>
|
||||
<a href="javascript:void(0)" onclick="translateName()" class="text-decoration-none small text-primary fw-bold" id="translateBtn">
|
||||
<i class="bi bi-translate me-1"></i> Auto-translate
|
||||
</a>
|
||||
</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="name_ar" id="productNameAr" class="form-control rounded-3 text-end" dir="rtl" placeholder="الاسم بالعربية">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label small fw-bold text-muted">CATEGORY <span class="text-danger">*</span></label>
|
||||
@ -341,6 +385,7 @@ function prepareEditForm(prod) {
|
||||
document.getElementById('productAction').value = 'edit_product';
|
||||
document.getElementById('productId').value = prod.id;
|
||||
document.getElementById('productName').value = prod.name;
|
||||
document.getElementById('productNameAr').value = prod.name_ar || '';
|
||||
document.getElementById('productCategoryId').value = prod.category_id;
|
||||
document.getElementById('productPrice').value = prod.price;
|
||||
document.getElementById('productCostPrice').value = prod.cost_price || '';
|
||||
@ -358,6 +403,39 @@ function prepareEditForm(prod) {
|
||||
document.getElementById('productImagePreview').style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
async function translateName() {
|
||||
const enName = document.getElementById('productName').value;
|
||||
if (!enName) {
|
||||
alert('Please enter an English name first.');
|
||||
return;
|
||||
}
|
||||
|
||||
const btn = document.getElementById('translateBtn');
|
||||
const originalContent = btn.innerHTML;
|
||||
btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Translating...';
|
||||
btn.classList.add('disabled');
|
||||
|
||||
try {
|
||||
const response = await fetch('../api/translate.php', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ text: enName, target_lang: 'Arabic' })
|
||||
});
|
||||
const data = await response.json();
|
||||
if (data.success) {
|
||||
document.getElementById('productNameAr').value = data.translated_text;
|
||||
} else {
|
||||
alert('Translation error: ' + data.error);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Translation error:', error);
|
||||
alert('An error occurred during translation.');
|
||||
} finally {
|
||||
btn.innerHTML = originalContent;
|
||||
btn.classList.remove('disabled');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
@ -18,8 +18,9 @@ if (empty($name)) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if (!preg_match('/^\d{8}$/', $phone)) {
|
||||
echo json_encode(['error' => 'Phone number must be exactly 8 digits']);
|
||||
// Relaxed phone validation: 8 to 15 digits
|
||||
if (!preg_match('/^\d{8,15}$/', $phone)) {
|
||||
echo json_encode(['error' => 'Phone number must be between 8 and 15 digits']);
|
||||
exit;
|
||||
}
|
||||
|
||||
|
||||
26
api/customer_loyalty_history.php
Normal file
26
api/customer_loyalty_history.php
Normal file
@ -0,0 +1,26 @@
|
||||
<?php
|
||||
header('Content-Type: application/json');
|
||||
require_once __DIR__ . '/../db/config.php';
|
||||
require_once __DIR__ . '/../includes/functions.php';
|
||||
|
||||
$customer_id = isset($_GET['customer_id']) ? intval($_GET['customer_id']) : null;
|
||||
|
||||
if (!$customer_id) {
|
||||
echo json_encode(['success' => false, 'error' => 'Customer ID required']);
|
||||
exit;
|
||||
}
|
||||
|
||||
try {
|
||||
$pdo = db();
|
||||
$stmt = $pdo->prepare("SELECT id, points_change, reason, order_id, created_at
|
||||
FROM loyalty_points_history
|
||||
WHERE customer_id = ?
|
||||
ORDER BY created_at DESC
|
||||
LIMIT 50");
|
||||
$stmt->execute([$customer_id]);
|
||||
$history = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
|
||||
echo json_encode(['success' => true, 'history' => $history]);
|
||||
} catch (Exception $e) {
|
||||
echo json_encode(['success' => false, 'error' => $e->getMessage()]);
|
||||
}
|
||||
@ -80,6 +80,8 @@ try {
|
||||
$current_points = 0;
|
||||
$points_deducted = 0;
|
||||
$points_awarded = 0;
|
||||
$award_history_id = null;
|
||||
$redeem_history_id = null;
|
||||
|
||||
if ($customer_id) {
|
||||
$stmt = $pdo->prepare("SELECT name, phone, points FROM customers WHERE id = ?");
|
||||
@ -106,6 +108,11 @@ try {
|
||||
$deductStmt->execute([$points_threshold, $customer_id]);
|
||||
$points_deducted = $points_threshold;
|
||||
|
||||
// Record Loyalty History (Deduction)
|
||||
$historyStmt = $pdo->prepare("INSERT INTO loyalty_points_history (customer_id, points_change, reason) VALUES (?, ?, 'Redeemed Free Meal')");
|
||||
$historyStmt->execute([$customer_id, -$points_threshold]);
|
||||
$redeem_history_id = $pdo->lastInsertId();
|
||||
|
||||
// --- OVERRIDE PAYMENT TYPE ---
|
||||
$ptStmt = $pdo->prepare("SELECT id FROM payment_types WHERE name = 'Loyalty Redeem' LIMIT 1");
|
||||
$ptStmt->execute();
|
||||
@ -115,11 +122,16 @@ try {
|
||||
}
|
||||
}
|
||||
|
||||
// Award Points
|
||||
if ($customer_id && $loyalty_enabled) {
|
||||
// Award Points (ONLY IF NOT REDEEMING)
|
||||
if ($customer_id && $loyalty_enabled && !$redeem_loyalty) {
|
||||
$awardStmt = $pdo->prepare("UPDATE customers SET points = points + ? WHERE id = ?");
|
||||
$awardStmt->execute([$points_per_order, $customer_id]);
|
||||
$points_awarded = $points_per_order;
|
||||
|
||||
// Record Loyalty History (Award)
|
||||
$historyStmt = $pdo->prepare("INSERT INTO loyalty_points_history (customer_id, points_change, reason) VALUES (?, ?, 'Earned from Order')");
|
||||
$historyStmt->execute([$customer_id, $points_per_order]);
|
||||
$award_history_id = $pdo->lastInsertId();
|
||||
}
|
||||
|
||||
// User/Payment info
|
||||
@ -214,6 +226,16 @@ try {
|
||||
$order_id = $pdo->lastInsertId();
|
||||
}
|
||||
|
||||
// Update loyalty history with order_id
|
||||
if ($order_id) {
|
||||
if ($award_history_id) {
|
||||
$pdo->prepare("UPDATE loyalty_points_history SET order_id = ? WHERE id = ?")->execute([$order_id, $award_history_id]);
|
||||
}
|
||||
if ($redeem_history_id) {
|
||||
$pdo->prepare("UPDATE loyalty_points_history SET order_id = ? WHERE id = ?")->execute([$order_id, $redeem_history_id]);
|
||||
}
|
||||
}
|
||||
|
||||
// Insert Items and Update Stock
|
||||
$item_stmt = $pdo->prepare("INSERT INTO order_items (order_id, product_id, variant_id, quantity, unit_price) VALUES (?, ?, ?, ?, ?)");
|
||||
$stock_stmt = $pdo->prepare("UPDATE products SET stock_quantity = stock_quantity - ? WHERE id = ?");
|
||||
|
||||
29
api/translate.php
Normal file
29
api/translate.php
Normal file
@ -0,0 +1,29 @@
|
||||
<?php
|
||||
header('Content-Type: application/json');
|
||||
require_once __DIR__ . '/../ai/LocalAIApi.php';
|
||||
|
||||
$data = json_decode(file_get_contents('php://input'), true);
|
||||
$text = $data['text'] ?? '';
|
||||
$target_lang = $data['target_lang'] ?? 'Arabic';
|
||||
|
||||
if (empty($text)) {
|
||||
echo json_encode(['success' => false, 'error' => 'No text provided']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$prompt = "Translate the following product name or description to $target_lang. Return ONLY the translated text, nothing else.\n\nText: $text";
|
||||
|
||||
$resp = LocalAIApi::createResponse([
|
||||
'input' => [
|
||||
['role' => 'system', 'content' => 'You are a helpful translation assistant.'],
|
||||
['role' => 'user', 'content' => $prompt],
|
||||
],
|
||||
]);
|
||||
|
||||
if (!empty($resp['success'])) {
|
||||
$translatedText = LocalAIApi::extractText($resp);
|
||||
echo json_encode(['success' => true, 'translated_text' => trim($translatedText)]);
|
||||
} else {
|
||||
echo json_encode(['success' => false, 'error' => $resp['error'] ?? 'AI error']);
|
||||
}
|
||||
|
||||
@ -125,6 +125,20 @@ body {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Force group elements to always be black and ignore theme active/hover colors */
|
||||
.sidebar .collapse .nav-link,
|
||||
.sidebar .collapse .nav-link.active,
|
||||
.sidebar .collapse .nav-link:hover,
|
||||
.sidebar .collapse .nav-link:focus {
|
||||
color: #000000 !important;
|
||||
}
|
||||
.sidebar .collapse .nav-link i,
|
||||
.sidebar .collapse .nav-link.active i,
|
||||
.sidebar .collapse .nav-link:hover i,
|
||||
.sidebar .collapse .nav-link:focus i {
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
.sidebar-heading i {
|
||||
color: var(--accent-color);
|
||||
font-size: 1.1em;
|
||||
|
||||
@ -36,6 +36,13 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const loyaltyPointsDisplay = document.getElementById('loyalty-points-display');
|
||||
const loyaltyMessage = document.getElementById('loyalty-message');
|
||||
const redeemLoyaltyBtn = document.getElementById('redeem-loyalty-btn');
|
||||
const viewPointsHistoryBtn = document.getElementById('view-points-history-btn');
|
||||
|
||||
// Points History Modal
|
||||
const pointsHistoryModalEl = document.getElementById('pointsHistoryModal');
|
||||
const pointsHistoryModal = pointsHistoryModalEl ? new bootstrap.Modal(pointsHistoryModalEl) : null;
|
||||
const pointsHistoryBody = document.getElementById('points-history-body');
|
||||
const pointsHistoryEmpty = document.getElementById('points-history-empty');
|
||||
|
||||
// Table Management
|
||||
let currentTableId = null;
|
||||
@ -188,7 +195,9 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
// Populate Cart
|
||||
cart = data.items; // Assuming format matches
|
||||
cartVatInput.value = data.order.discount || 0; // We still use the discount field for VAT value
|
||||
|
||||
// Note: In auto-VAT mode, we don't load data.order.discount into cartVatInput
|
||||
// as it will be re-calculated based on subtotal.
|
||||
|
||||
updateCart();
|
||||
if (recallModal) recallModal.hide();
|
||||
@ -287,7 +296,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
// Hide Loyalty
|
||||
if (loyaltySection) loyaltySection.classList.add('d-none');
|
||||
isLoyaltyRedemption = false;
|
||||
cartVatInput.value = 0;
|
||||
updateCart();
|
||||
|
||||
customerSearchInput.focus();
|
||||
@ -304,9 +312,9 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
return;
|
||||
}
|
||||
|
||||
// --- NEW RESTRICTION ---
|
||||
// --- STRICT ONE ITEM RESTRICTION ---
|
||||
if (cart.length > 1) {
|
||||
showToast("Can only redeem a free meal with a single item in cart!", "warning");
|
||||
showToast("Can only redeem a free meal with exactly one item in cart!", "warning");
|
||||
return;
|
||||
}
|
||||
|
||||
@ -314,29 +322,71 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
Swal.fire({
|
||||
title: 'Redeem Loyalty?',
|
||||
text: "Redeem 70 points for a free meal? This will apply a full discount to the current order.",
|
||||
text: "Redeem points for a free meal? This will finalize the order immediately.",
|
||||
icon: 'question',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#198754',
|
||||
cancelButtonColor: '#6c757d',
|
||||
confirmButtonText: 'Yes, redeem it!'
|
||||
confirmButtonText: 'Yes, redeem and finish!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
isLoyaltyRedemption = true;
|
||||
|
||||
// Calculate total and apply as discount (which is now negative VAT internally)
|
||||
const subtotal = cart.reduce((acc, item) => acc + (item.price * item.quantity), 0);
|
||||
cartVatInput.value = -subtotal.toFixed(2);
|
||||
updateCart();
|
||||
|
||||
showToast("Loyalty Redemption Applied!", "success");
|
||||
redeemLoyaltyBtn.disabled = true; // Prevent double click
|
||||
loyaltyMessage.innerHTML = '<span class="text-success fw-bold"><i class="bi bi-check-circle"></i> Redeemed! Place order to finalize.</span>';
|
||||
// Directly process order with Loyalty payment type
|
||||
processOrder(null, 'Loyalty Redeem');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Points History View
|
||||
if (viewPointsHistoryBtn) {
|
||||
viewPointsHistoryBtn.addEventListener('click', () => {
|
||||
if (!currentCustomer) return;
|
||||
fetchPointsHistory(currentCustomer.id);
|
||||
});
|
||||
}
|
||||
|
||||
function fetchPointsHistory(customerId) {
|
||||
if (!pointsHistoryBody || !pointsHistoryModal) return;
|
||||
pointsHistoryBody.innerHTML = '<tr><td colspan="3" class="text-center py-4"><div class="spinner-border spinner-border-sm text-primary"></div> Loading...</td></tr>';
|
||||
pointsHistoryEmpty.classList.add('d-none');
|
||||
pointsHistoryModal.show();
|
||||
|
||||
fetch(`api/customer_loyalty_history.php?customer_id=${customerId}`)
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
pointsHistoryBody.innerHTML = '';
|
||||
if (data.success && data.history.length > 0) {
|
||||
data.history.forEach(item => {
|
||||
const tr = document.createElement('tr');
|
||||
const dateObj = new Date(item.created_at);
|
||||
const date = dateObj.toLocaleDateString('en-GB', { day: '2-digit', month: 'short' }) + ' ' +
|
||||
dateObj.toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' });
|
||||
|
||||
const pointsClass = item.points_change > 0 ? 'text-success' : 'text-danger';
|
||||
const pointsPrefix = item.points_change > 0 ? '+' : '';
|
||||
|
||||
tr.innerHTML = `
|
||||
<td class="ps-3 small align-middle" style="font-size: 0.75rem; white-space: nowrap;">${date}</td>
|
||||
<td class="align-middle">
|
||||
<div class="small fw-bold">${item.reason}</div>
|
||||
${item.order_id ? `<div class="x-small text-muted" style="font-size: 0.65rem;">Order #${item.order_id}</div>` : ''}
|
||||
</td>
|
||||
<td class="text-end pe-3 fw-bold ${pointsClass} align-middle">${pointsPrefix}${item.points_change}</td>
|
||||
`;
|
||||
pointsHistoryBody.appendChild(tr);
|
||||
});
|
||||
} else {
|
||||
pointsHistoryEmpty.classList.remove('d-none');
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
pointsHistoryBody.innerHTML = '<tr><td colspan="3" class="text-center text-danger">Error loading history</td></tr>';
|
||||
});
|
||||
}
|
||||
|
||||
// --- Table & Order Type Logic ---
|
||||
const orderTypeInputs = document.querySelectorAll('input[name="order_type"]');
|
||||
|
||||
@ -434,6 +484,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const product = {
|
||||
id: target.dataset.id,
|
||||
name: target.dataset.name,
|
||||
name_ar: target.dataset.nameAr || '',
|
||||
price: parseFloat(target.dataset.price),
|
||||
base_price: parseFloat(target.dataset.price),
|
||||
hasVariants: target.dataset.hasVariants === 'true',
|
||||
@ -517,6 +568,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<p class="mt-2">Cart is empty</p>
|
||||
</div>`;
|
||||
cartSubtotal.innerText = formatCurrency(0);
|
||||
cartVatInput.value = 0;
|
||||
cartTotalPrice.innerText = formatCurrency(0);
|
||||
if (quickOrderBtn) quickOrderBtn.disabled = true;
|
||||
if (placeOrderBtn) placeOrderBtn.disabled = true;
|
||||
@ -534,10 +586,12 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
row.className = 'd-flex justify-content-between align-items-center mb-3 border-bottom pb-2';
|
||||
|
||||
const variantLabel = item.variant_name ? `<span class="badge bg-light text-dark border ms-1">${item.variant_name}</span>` : '';
|
||||
const arabicNameDisplay = item.name_ar ? `<div class="text-primary small fw-semibold" dir="rtl" style="font-size: 0.75rem;">${item.name_ar}</div>` : '';
|
||||
|
||||
row.innerHTML = `
|
||||
<div class="flex-grow-1 me-2">
|
||||
<div class="fw-bold text-truncate" style="max-width: 140px;">${item.name}</div>
|
||||
${arabicNameDisplay}
|
||||
<div class="small text-muted">${formatCurrency(item.price)} ${variantLabel}</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center bg-light rounded px-1">
|
||||
@ -555,13 +609,18 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
cartSubtotal.innerText = formatCurrency(subtotal);
|
||||
|
||||
let vat = parseFloat(cartVatInput.value) || 0;
|
||||
let vat = 0;
|
||||
if (isLoyaltyRedemption) {
|
||||
// Internal trick: send negative VAT to represent discount for loyalty
|
||||
vat = -subtotal;
|
||||
cartVatInput.value = (-subtotal).toFixed(2);
|
||||
} else {
|
||||
// Automatic VAT calculation from system settings
|
||||
const vatRate = parseFloat(COMPANY_SETTINGS.vat_rate) || 0;
|
||||
vat = subtotal * (vatRate / 100);
|
||||
}
|
||||
|
||||
cartVatInput.value = vat.toFixed(2);
|
||||
|
||||
let total = subtotal + vat;
|
||||
if (total < 0) total = 0;
|
||||
|
||||
@ -570,12 +629,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
if (placeOrderBtn) placeOrderBtn.disabled = false;
|
||||
}
|
||||
|
||||
if (cartVatInput) {
|
||||
cartVatInput.addEventListener('input', () => {
|
||||
updateCart();
|
||||
});
|
||||
}
|
||||
|
||||
window.removeFromCart = function(index) {
|
||||
cart.splice(index, 1);
|
||||
updateCart();
|
||||
@ -631,6 +684,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
if (n.includes('cash')) return 'bi-cash-coin';
|
||||
if (n.includes('card') || n.includes('visa') || n.includes('master')) return 'bi-credit-card';
|
||||
if (n.includes('qr') || n.includes('scan')) return 'bi-qr-code';
|
||||
if (n.includes('bank') || n.includes('transfer')) return 'bi-building-columns';
|
||||
return 'bi-wallet2';
|
||||
}
|
||||
|
||||
@ -812,6 +866,11 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
const win = window.open('', 'Receipt', `width=${width},height=${height},top=${top},left=${left}`);
|
||||
|
||||
if (!win) {
|
||||
alert('Please allow popups for this website to print receipts.');
|
||||
return;
|
||||
}
|
||||
|
||||
const tr = {
|
||||
'Order': 'الطلب',
|
||||
'Type': 'النوع',
|
||||
@ -839,6 +898,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<tr>
|
||||
<td style="padding: 5px 0; border-bottom: 1px solid #eee;">
|
||||
<div style="font-weight: bold;">${item.name}</div>
|
||||
${item.name_ar ? `<div style="font-size: 11px; color: #0d6efd; font-weight: 600;" dir="rtl">${item.name_ar}</div>` : ''}
|
||||
${item.variant_name ? `<div style="font-size: 10px; color: #555;">(${item.variant_name})</div>` : ''}
|
||||
<div style="font-size: 11px;">${item.quantity} x ${formatCurrency(item.price)}</div>
|
||||
</td>
|
||||
@ -874,18 +934,16 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const loyaltyHtml = data.loyaltyRedeemed ? `<div style="color: #d63384; font-weight: bold; margin: 5px 0; text-align: center;">* Loyalty Reward Applied *</div>` : '';
|
||||
|
||||
const subtotal = data.total - data.vat;
|
||||
const vatRateSettings = parseFloat(settings.vat_rate) || 0;
|
||||
const vatAmount = data.vat; // User manually entered VAT
|
||||
|
||||
const logoHtml = settings.logo_url ? `<img src="${BASE_URL}${settings.logo_url}" style="max-height: 80px; max-width: 150px; margin-bottom: 10px;">` : '';
|
||||
|
||||
const html = `
|
||||
<html dir="ltr">
|
||||
<head>
|
||||
<title>Receipt #${data.orderId}</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
font-family: 'Courier New', 'Noto Sans Arabic', Courier, monospace;
|
||||
font-size: 13px;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
@ -1027,12 +1085,10 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const saveCustomerBtn = document.getElementById('save-new-customer');
|
||||
const newCustomerName = document.getElementById('new-customer-name');
|
||||
const newCustomerPhone = document.getElementById('new-customer-phone');
|
||||
const phoneError = document.getElementById('phone-error');
|
||||
|
||||
addCustomerBtn.addEventListener('click', () => {
|
||||
newCustomerName.value = '';
|
||||
newCustomerPhone.value = '';
|
||||
phoneError.classList.add('d-none');
|
||||
addCustomerModal.show();
|
||||
});
|
||||
|
||||
@ -1045,14 +1101,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
return;
|
||||
}
|
||||
|
||||
// 8 digits validation
|
||||
if (!/^\d{8}$/.test(phone)) {
|
||||
phoneError.classList.remove('d-none');
|
||||
return;
|
||||
} else {
|
||||
phoneError.classList.add('d-none');
|
||||
}
|
||||
|
||||
saveCustomerBtn.disabled = true;
|
||||
saveCustomerBtn.textContent = 'Saving...';
|
||||
|
||||
|
||||
11
db/migrations/027_loyalty_history.sql
Normal file
11
db/migrations/027_loyalty_history.sql
Normal file
@ -0,0 +1,11 @@
|
||||
-- Create loyalty_points_history table
|
||||
CREATE TABLE IF NOT EXISTS loyalty_points_history (
|
||||
id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
customer_id INT NOT NULL,
|
||||
order_id INT DEFAULT NULL,
|
||||
points_change INT NOT NULL,
|
||||
reason VARCHAR(255) DEFAULT NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (customer_id) REFERENCES customers(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (order_id) REFERENCES orders(id) ON DELETE SET NULL
|
||||
);
|
||||
2
db/migrations/028_add_name_ar_to_products.sql
Normal file
2
db/migrations/028_add_name_ar_to_products.sql
Normal file
@ -0,0 +1,2 @@
|
||||
-- Add Arabic name to products table
|
||||
ALTER TABLE products ADD COLUMN name_ar VARCHAR(255) AFTER name;
|
||||
56
pos.php
56
pos.php
@ -81,11 +81,11 @@ if (!$loyalty_settings) {
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+Arabic:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/css/custom.css?v=<?= time() ?>">
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<style>
|
||||
body { height: 100vh; overflow: hidden; font-family: 'Inter', sans-serif; } /* Fix body for scrolling areas */
|
||||
body { height: 100vh; overflow: hidden; font-family: 'Inter', 'Noto Sans Arabic', sans-serif; } /* Fix body for scrolling areas */
|
||||
.scrollable-y { overflow-y: auto; height: 100%; scrollbar-width: thin; }
|
||||
.category-sidebar { height: calc(100vh - 60px); background: #f8f9fa; }
|
||||
.product-area { height: calc(100vh - 60px); background: #fff; }
|
||||
@ -212,6 +212,7 @@ if (!$loyalty_settings) {
|
||||
<div class="card h-100 border-0 shadow-sm product-card add-to-cart"
|
||||
data-id="<?= $product['id'] ?>"
|
||||
data-name="<?= htmlspecialchars($product['name']) ?>"
|
||||
data-name-ar="<?= htmlspecialchars($product['name_ar'] ?? '') ?>"
|
||||
data-price="<?= $effective_price ?>"
|
||||
data-has-variants="<?= $has_variants ? 'true' : 'false' ?>">
|
||||
<div class="position-relative">
|
||||
@ -239,6 +240,9 @@ if (!$loyalty_settings) {
|
||||
</div>
|
||||
<div class="card-body p-2">
|
||||
<h6 class="card-title fw-bold small mb-1 text-truncate"><?= htmlspecialchars($product['name']) ?></h6>
|
||||
<?php if (!empty($product['name_ar'])): ?>
|
||||
<div class="text-primary small fw-semibold text-truncate mb-1" dir="rtl" style="font-size: 0.8rem;"><?= htmlspecialchars($product['name_ar']) ?></div>
|
||||
<?php endif; ?>
|
||||
<p class="card-text small text-muted text-truncate mb-0"><?= htmlspecialchars($product['category_name']) ?></p>
|
||||
<?php if ($has_variants): ?>
|
||||
<span class="badge bg-light text-secondary border mt-1">Options</span>
|
||||
@ -292,9 +296,14 @@ if (!$loyalty_settings) {
|
||||
<span class="d-block fw-bold small text-warning-emphasis">Loyalty Points</span>
|
||||
<span id="loyalty-points-display" class="fw-bold fs-5">0</span>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-1">
|
||||
<button id="redeem-loyalty-btn" class="btn btn-sm btn-success shadow-sm" disabled>
|
||||
<i class="bi bi-gift-fill me-1"></i> Redeem Meal
|
||||
<i class="bi bi-gift-fill me-1"></i> Redeem
|
||||
</button>
|
||||
<button id="view-points-history-btn" class="btn btn-sm btn-outline-primary border-0 shadow-none p-0 text-decoration-underline" style="font-size: 0.7rem;">
|
||||
<i class="bi bi-clock-history"></i> View History
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="loyalty-message" class="small text-muted mt-1 fst-italic" style="font-size: 0.75rem;"></div>
|
||||
</div>
|
||||
@ -319,10 +328,10 @@ if (!$loyalty_settings) {
|
||||
|
||||
<!-- VAT Field -->
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<span class="text-muted">VAT</span>
|
||||
<span class="text-muted">VAT (<?= htmlspecialchars((string)($settings['vat_rate'] ?? 0)) ?>%)</span>
|
||||
<div class="input-group input-group-sm w-50">
|
||||
<span class="input-group-text bg-white border-end-0 text-muted">+</span>
|
||||
<input type="number" id="cart-vat-input" class="form-control border-start-0 text-end" value="0" step="0.01">
|
||||
<input type="number" id="cart-vat-input" class="form-control border-start-0 text-end bg-white" value="0" step="0.01" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -427,9 +436,8 @@ if (!$loyalty_settings) {
|
||||
<input type="text" class="form-control form-control-sm" id="new-customer-name" placeholder="Enter name">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="new-customer-phone" class="form-label small text-muted">Phone Number (8 Digits)</label>
|
||||
<input type="text" class="form-control form-control-sm" id="new-customer-phone" placeholder="12345678" maxlength="8">
|
||||
<div class="form-text text-danger d-none" id="phone-error">Must be exactly 8 digits.</div>
|
||||
<label for="new-customer-phone" class="form-label small text-muted">Phone Number</label>
|
||||
<input type="text" class="form-control form-control-sm" id="new-customer-phone" placeholder="Enter phone">
|
||||
</div>
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-primary btn-sm" id="save-new-customer">Save Customer</button>
|
||||
@ -439,6 +447,38 @@ if (!$loyalty_settings) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Points History Modal -->
|
||||
<div class="modal fade" id="pointsHistoryModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title fw-bold">Points History</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-sm table-hover mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th class="ps-3">Date</th>
|
||||
<th>Action</th>
|
||||
<th class="text-end pe-3">Points</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="points-history-body">
|
||||
<!-- History rows injected via JS -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="points-history-empty" class="text-center py-4 text-muted d-none">
|
||||
<i class="bi bi-calendar-x fs-2"></i>
|
||||
<p class="mt-2">No history found</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Payment Selection Modal -->
|
||||
<div class="modal fade" id="paymentSelectionModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user