From 62b332799d6a4f3d095ac70b19e881071417d090 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Mon, 2 Mar 2026 11:05:01 +0000
Subject: [PATCH] Autosave: 20260302-110501

---
 .../items/item_69a5695c9ca064.49414552.jpg    | Bin 0 -> 2623 bytes
 .../items/item_69a5697ac55c21.80460234.jpg    | Bin 0 -> 4462 bytes
 .../items/item_69a569a491f0e1.37331888.jpg    | Bin 0 -> 4888 bytes
 db/migrations/05_simplify_prices_index.sql    |   5 +
 pos.php                                       | 751 +++++++++++-------
 5 files changed, 456 insertions(+), 300 deletions(-)
 create mode 100644 assets/images/items/item_69a5695c9ca064.49414552.jpg
 create mode 100644 assets/images/items/item_69a5697ac55c21.80460234.jpg
 create mode 100644 assets/images/items/item_69a569a491f0e1.37331888.jpg
 create mode 100644 db/migrations/05_simplify_prices_index.sql

diff --git a/assets/images/items/item_69a5695c9ca064.49414552.jpg b/assets/images/items/item_69a5695c9ca064.49414552.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..74347191e496c217a00e23b2aeec3d5f06d88495
GIT binary patch
literal 2623
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

literal 0
HcmV?d00001

diff --git a/assets/images/items/item_69a5697ac55c21.80460234.jpg b/assets/images/items/item_69a5697ac55c21.80460234.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e06f669aa4b9e50dca937d4642510694b5df976c
GIT binary patch
literal 4462
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

literal 0
HcmV?d00001

diff --git a/assets/images/items/item_69a569a491f0e1.37331888.jpg b/assets/images/items/item_69a569a491f0e1.37331888.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..52e18f957b941cdce4889d554f1a7923259a81ee
GIT binary patch
literal 4888
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
F{{T46q38er

literal 0
HcmV?d00001

diff --git a/db/migrations/05_simplify_prices_index.sql b/db/migrations/05_simplify_prices_index.sql
new file mode 100644
index 0000000..e730937
--- /dev/null
+++ b/db/migrations/05_simplify_prices_index.sql
@@ -0,0 +1,5 @@
+-- Drop the old index with variant_id
+DROP INDEX unique_price ON prices;
+
+-- Add a new unique index without variant_id
+CREATE UNIQUE INDEX unique_price ON prices (branch_id, item_id, service_id);
diff --git a/pos.php b/pos.php
index dad9080..ab9856a 100644
--- a/pos.php
+++ b/pos.php
@@ -2,7 +2,7 @@
 $title = 'pos';
 require_once __DIR__ . '/includes/header.php';
 
-$branch_id = $_SESSION['branch_id'];
+$branch_id = $_SESSION['branch_id'] ?? 1;
 
 // Get all categories
 $categories = db()->query("SELECT * FROM categories ORDER BY name_en ASC")->fetchAll();
@@ -15,166 +15,207 @@ $stmt = db()->prepare("SELECT i.*, c.name_en as cat_en, c.name_ar as cat_ar
 $stmt->execute();
 $items_raw = $stmt->fetchAll();
 
-// Get all services and prices for this branch
-$stmt = db()->prepare("SELECT p.item_id, p.service_id, p.price, 
-                     s.name_en as service_en, s.name_ar as service_ar
+// Get all services
+$services_raw = db()->query("SELECT * FROM services ORDER BY name_en ASC")->fetchAll();
+
+// Get all prices for this branch
+$stmt = db()->prepare("SELECT p.item_id, p.service_id, p.price
                      FROM prices p
-                     JOIN services s ON p.service_id = s.id
                      WHERE p.branch_id = ?");
 $stmt->execute([$branch_id]);
-$all_prices = $stmt->fetchAll();
+$prices_raw = $stmt->fetchAll();
+
+$prices = [];
+foreach ($prices_raw as $p) {
+    $prices[$p['item_id']][$p['service_id']] = (float)$p['price'];
+}
 
 $items = [];
 foreach ($items_raw as $i) {
-    $items[$i['id']] = [
-        'id' => $i['id'],
-        'name_en' => $i['name_en'],
-        'name_ar' => $i['name_ar'],
-        'category_id' => $i['category_id'],
-        'image_url' => $i['image_url'],
-        'vat_percent' => (float)$i['vat_percent'],
-        'services' => []
-    ];
-}
-
-foreach ($all_prices as $p) {
-    if (!isset($items[$p['item_id']])) continue;
+    $item_services = [];
+    foreach ($services_raw as $s) {
+        if (isset($prices[$i['id']][$s['id']])) {
+            $item_services[] = [
+                'id' => $s['id'],
+                'name_en' => $s['name_en'],
+                'name_ar' => $s['name_ar'],
+                'price' => $prices[$i['id']][$s['id']]
+            ];
+        }
+    }
     
-    $items[$p['item_id']]['services'][] = [
-        'id' => $p['service_id'],
-        'name_en' => $p['service_en'],
-        'name_ar' => $p['service_ar'],
-        'price' => (float)$p['price']
-    ];
+    // Only include if has services
+    if (!empty($item_services)) {
+        $items[$i['id']] = [
+            'id' => $i['id'],
+            'name_en' => $i['name_en'],
+            'name_ar' => $i['name_ar'],
+            'category_id' => $i['category_id'],
+            'image_url' => $i['image_url'],
+            'vat_percent' => (float)($i['vat_percent'] ?? 15),
+            'services' => $item_services
+        ];
+    }
 }
 
 // Get all customers for this branch
 $stmt = db()->prepare("SELECT * FROM customers WHERE branch_id = ? ORDER BY name_en ASC");
 $stmt->execute([$branch_id]);
 $customers = $stmt->fetchAll();
+
+$pageTitle = $lang == 'en' ? 'Point of Sale' : 'نقطة البيع';
 ?>
 
-<div class="row">
-    <div class="col-md-8">
-        <!-- Category Filter -->
-        <div class="mb-4 overflow-auto d-flex pb-2" style="white-space: nowrap;">
-            <button class="btn btn-primary me-2 cat-filter active" data-cat="all" style="border-radius: 12px; min-width: 80px;">
-                <?= __('all') ?? 'All' ?>
-            </button>
-            <?php foreach($categories as $cat): ?>
-            <button class="btn btn-outline-secondary me-2 cat-filter" data-cat="<?= $cat['id'] ?>" style="border-radius: 12px; min-width: 80px;">
-                <?= $lang === 'ar' ? $cat['name_ar'] : $cat['name_en'] ?>
-            </button>
-            <?php endforeach; ?>
-        </div>
-
-        <div class="card p-4 mb-4 border-0 shadow-sm" style="border-radius: 25px;">
-            <div class="d-flex justify-content-between align-items-center mb-4">
-                <h5 class="fw-bold mb-0"><?= __('select_items') ?></h5>
-                <div class="input-group w-50 shadow-sm rounded-4" style="overflow: hidden;">
-                    <span class="input-group-text bg-white border-end-0"><i class="bi bi-search"></i></span>
-                    <input type="text" id="itemSearch" class="form-control border-start-0 py-2" placeholder="<?= __('search_items') ?>">
+<div class="container-fluid py-4">
+    <div class="row g-4">
+        <!-- Left: Items & Categories -->
+        <div class="col-lg-8">
+            <div class="mb-4 d-flex align-items-center justify-content-between">
+                <h4 class="fw-bold mb-0"><?= $pageTitle ?></h4>
+                <div class="input-group w-50 shadow-sm rounded-4 overflow-hidden">
+                    <span class="input-group-text bg-white border-0"><i class="bi bi-search"></i></span>
+                    <input type="text" id="itemSearch" class="form-control border-0 py-2" placeholder="<?= $lang == 'en' ? 'Search items...' : 'بحث عن المنتجات...' ?>">
                 </div>
             </div>
-            
+
+            <!-- Categories Scroller -->
+            <div class="mb-4 overflow-auto d-flex pb-2 hide-scrollbar" style="white-space: nowrap;">
+                <button class="btn btn-primary rounded-pill px-4 cat-filter me-2 shadow-sm" data-cat="all">
+                    <?= $lang == 'en' ? 'All' : 'الكل' ?>
+                </button>
+                <?php foreach($categories as $cat): ?>
+                <button class="btn btn-white border rounded-pill px-4 cat-filter me-2 shadow-sm" data-cat="<?= $cat['id'] ?>">
+                    <?= $lang == 'en' ? $cat['name_en'] : $cat['name_ar'] ?>
+                </button>
+                <?php endforeach; ?>
+            </div>
+
             <div class="row g-3" id="itemsList">
                 <?php foreach($items as $item): ?>
-                <?php if (empty($item['services'])) continue; ?>
-                <div class="col-md-4 col-sm-6 item-card-wrapper" 
+                <div class="col-6 col-md-4 col-xl-3 item-card-wrapper" 
                      data-cat="<?= $item['category_id'] ?>" 
                      data-name-en="<?= strtolower($item['name_en']) ?>" 
                      data-name-ar="<?= $item['name_ar'] ?>">
-                    <div class="card h-100 border-0 item-card cursor-pointer shadow-sm overflow-hidden" onclick="showOptions(<?= $item['id'] ?>)">
-                        <div class="position-relative">
+                    <div class="card h-100 border-0 shadow-sm rounded-4 item-card pointer overflow-hidden transition-all" onclick="showOptions(<?= $item['id'] ?>)">
+                        <div class="position-relative bg-light" style="height: 160px; border-radius: 1rem 1rem 0 0; overflow: hidden;">
                             <?php if($item['image_url']): ?>
-                                <img src="<?= $item['image_url'] ?>?v=<?= time() ?>" class="card-img-top" style="height: 140px; object-fit: cover;">
+                                <img src="<?= $item['image_url'] ?>?v=<?= time() ?>" class="w-100 h-100" style="object-fit: contain; padding: 10px;">
                             <?php else: ?>
-                                <div class="bg-light text-center py-4 d-flex align-items-center justify-content-center" style="height: 140px;">
-                                    <i class="bi bi-bag-check fs-1 text-muted opacity-50"></i>
+                                <div class="w-100 h-100 d-flex align-items-center justify-content-center opacity-25">
+                                    <i class="bi bi-box" style="font-size: 3rem;"></i>
                                 </div>
                             <?php endif; ?>
                             <div class="position-absolute top-0 end-0 m-2">
-                                <span class="badge bg-white text-dark shadow-sm rounded-pill px-3 py-2 small"><?= $item['vat_percent'] ?>% VAT</span>
+                                <span class="badge bg-white text-dark shadow-sm rounded-pill px-2 py-1 small" style="font-size: 0.65rem;">
+                                    <?= $item['vat_percent'] ?>% VAT
+                                </span>
                             </div>
                         </div>
                         <div class="card-body p-3 text-center">
-                            <div class="fw-bold fs-6"><?= $lang === 'ar' ? $item['name_ar'] : $item['name_en'] ?></div>
-                            <small class="text-muted d-block mt-1"><?= count($item['services']) ?> <?= __('services') ?></small>
+                            <h6 class="card-title mb-1 text-truncate fw-bold small"><?= $lang == 'en' ? $item['name_en'] : $item['name_ar'] ?></h6>
+                            <p class="small text-muted mb-0" style="font-size: 0.75rem;"><?= count($item['services']) ?> <?= $lang == 'en' ? 'Services' : 'خدمات' ?></p>
                         </div>
                     </div>
                 </div>
                 <?php endforeach; ?>
             </div>
         </div>
-    </div>
-    
-    <div class="col-md-4">
-        <div class="card p-4 sticky-top border-0 shadow-sm" style="top: 2rem; max-height: 90vh; overflow-y: auto; border-radius: 25px;">
-            <div class="d-flex justify-content-between align-items-center mb-4">
-                <h5 class="fw-bold mb-0"><?= __('cart') ?></h5>
-                <button class="btn btn-sm btn-light text-danger rounded-pill px-3" onclick="clearCart()">
-                    <i class="bi bi-trash me-1"></i> <?= __('clear') ?? 'Clear' ?>
-                </button>
-            </div>
-            
-            <div class="mb-4">
-                <label class="form-label small text-muted fw-bold"><?= __('customer') ?></label>
-                <div class="d-flex">
-                    <select id="customerId" class="form-select shadow-sm" style="border-radius: 12px; border: 1px solid #eee;">
-                        <option value=""><?= __('walk_in_customer') ?></option>
-                        <?php foreach($customers as $c): ?>
-                        <option value="<?= $c['id'] ?>"><?= $c['phone'] ?> - <?= $lang === 'ar' ? ($c['name_ar'] ?: $c['name_en']) : $c['name_en'] ?></option>
-                        <?php endforeach; ?>
-                    </select>
-                    <button class="btn btn-primary ms-2 shadow-sm" style="border-radius: 12px;" data-bs-toggle="modal" data-bs-target="#addCustomerModal">
-                        <i class="bi bi-plus-lg"></i>
+
+        <!-- Right: Cart -->
+        <div class="col-lg-4">
+            <div class="card border-0 shadow-sm rounded-4 h-100 d-flex flex-column" style="min-height: 80vh;">
+                <div class="card-header bg-white py-3 border-0">
+                    <div class="d-flex justify-content-between align-items-center">
+                        <h5 class="mb-0 fw-bold"><?= $lang == 'en' ? 'Current Order' : 'الطلب الحالي' ?></h5>
+                        <button class="btn btn-sm btn-outline-danger rounded-3 border-0" onclick="clearCart()">
+                            <i class="bi bi-trash"></i>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="px-3 pb-3">
+                    <div class="d-flex gap-2">
+                        <!-- Persistent Customer Search -->
+                        <div class="position-relative flex-grow-1" id="customerSearchWrapper">
+                            <div class="input-group shadow-sm rounded-3 overflow-hidden border">
+                                <span class="input-group-text bg-white border-0"><i class="bi bi-person"></i></span>
+                                <input type="text" class="form-control border-0 py-2 shadow-none" id="customerSearchInput" placeholder="<?= $lang == 'en' ? 'Walk-in Customer' : 'عميل عابر' ?>" autocomplete="off">
+                                <button class="btn btn-white border-0 d-none" type="button" id="clearCustomerBtn">
+                                    <i class="bi bi-x-circle-fill text-muted"></i>
+                                </button>
+                            </div>
+                            <div class="position-absolute w-100 shadow-lg bg-white rounded-3 mt-1 d-none" id="customerResults" style="z-index: 1050; max-height: 300px; overflow-y: auto; border: 1px solid #eee;">
+                                <div class="p-2 border-bottom">
+                                    <button class="btn btn-light btn-sm w-100 text-start rounded-2 customer-result-item" data-id="" data-name="<?= $lang == 'en' ? 'Walk-in Customer' : 'عميل عابر' ?>" data-search="walk-in">
+                                        <?= $lang == 'en' ? 'Walk-in Customer' : 'عميل عابر' ?>
+                                    </button>
+                                </div>
+                                <div id="customerResultsList">
+                                    <?php foreach($customers as $c): 
+                                        $cname = ($lang == 'en' ? $c['name_en'] : $c['name_ar']) ?: $c['name_en'];
+                                        $searchStr = strtolower($c['name_en'] . ' ' . ($c['name_ar'] ?? '') . ' ' . $c['phone']);
+                                    ?>
+                                    <div class="p-1">
+                                        <button class="btn btn-white btn-sm w-100 text-start rounded-2 customer-result-item p-2" type="button" data-id="<?= $c['id'] ?>" data-name="<?= $cname ?>" data-phone="<?= $c['phone'] ?>" data-search="<?= $searchStr ?>">
+                                            <div class="fw-bold small text-dark"><?= $cname ?></div>
+                                            <div class="text-muted small" style="font-size: 0.7rem;"><?= $c['phone'] ?></div>
+                                        </button>
+                                    </div>
+                                    <?php endforeach; ?>
+                                </div>
+                            </div>
+                            <input type="hidden" id="customerId" value="">
+                        </div>
+                        
+                        <button class="btn btn-primary rounded-3" data-bs-toggle="modal" data-bs-target="#addCustomerModal">
+                            <i class="bi bi-plus-lg"></i>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="card-body p-0 flex-grow-1 overflow-auto" id="cartContainer">
+                    <div id="cartItems" class="p-3"></div>
+                    <div id="emptyCart" class="text-center py-5 opacity-50">
+                        <i class="bi bi-cart3 display-1 d-block mb-3"></i>
+                        <p><?= $lang == 'en' ? 'Your cart is empty' : 'السلة فارغة' ?></p>
+                    </div>
+                </div>
+
+                <div class="card-footer bg-white border-top-0 p-3">
+                    <div class="bg-light rounded-4 p-3 mb-3">
+                        <div class="d-flex justify-content-between mb-2 small text-muted">
+                            <span><?= $lang == 'en' ? 'Subtotal' : 'المجموع الفرعي' ?></span>
+                            <span id="cartSubtotal">0.00 SAR</span>
+                        </div>
+                        <div class="d-flex justify-content-between mb-2 small text-muted">
+                            <span><?= $lang == 'en' ? 'VAT' : 'الضريبة' ?></span>
+                            <span id="cartVat">0.00 SAR</span>
+                        </div>
+                        <div class="d-flex justify-content-between pt-2 border-top border-secondary border-opacity-10 mt-2">
+                            <h5 class="mb-0 fw-bold"><?= $lang == 'en' ? 'Total' : 'الإجمالي' ?></h5>
+                            <h5 id="cartTotal" class="mb-0 fw-bold text-primary">0.00 SAR</h5>
+                        </div>
+                    </div>
+                    <button class="btn btn-primary w-100 py-3 rounded-4 fw-bold shadow-sm" onclick="checkout()">
+                        <i class="bi bi-credit-card me-2"></i> <?= $lang == 'en' ? 'Complete Order' : 'إتمام الطلب' ?>
                     </button>
                 </div>
             </div>
-            
-            <div id="cartItems" class="mb-4" style="min-height: 200px;">
-                <div class="text-center text-muted mt-5" id="emptyCart">
-                    <i class="bi bi-cart-x fs-1 opacity-25"></i>
-                    <p class="mt-2"><?= __('cart_is_empty') ?></p>
-                </div>
-            </div>
-            
-            <div class="border-top pt-4 mt-auto">
-                <div class="d-flex justify-content-between mb-2">
-                    <span class="text-muted"><?= __('subtotal') ?></span>
-                    <span class="fw-bold" id="cartSubtotal">0.00 SAR</span>
-                </div>
-                <div class="d-flex justify-content-between mb-3">
-                    <span class="text-muted"><?= __('vat') ?? 'VAT' ?></span>
-                    <span class="fw-bold" id="cartVat">0.00 SAR</span>
-                </div>
-                <div class="d-flex justify-content-between mb-4 p-3 bg-light rounded-4">
-                    <span class="fw-bold fs-5"><?= __('total') ?></span>
-                    <span class="fw-bold fs-5 text-primary" id="cartTotal">0.00 SAR</span>
-                </div>
-                <button class="btn btn-primary w-100 py-3 fw-bold shadow-sm" style="border-radius: 18px;" onclick="checkout()">
-                    <i class="bi bi-shield-check me-2"></i><?= __('checkout') ?>
-                </button>
-            </div>
         </div>
     </div>
 </div>
 
-<!-- Selection Modal (Service Options) -->
-<div class="modal fade" id="selectionModal" tabindex="-1">
+<!-- Selection Modal -->
+<div class="modal fade" id="selectionModal" tabindex="-1" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content border-0 shadow-lg" style="border-radius: 25px;">
-            <div class="modal-header border-0 pb-0 p-4">
-                <div>
-                    <h5 class="modal-title fw-bold" id="selectionItemName"></h5>
-                    <p class="text-muted small m-0"><?= __('select_service') ?? 'Select service type' ?></p>
-                </div>
-                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+        <div class="modal-content border-0 rounded-4 shadow-lg">
+            <div class="modal-header border-0 pb-0">
+                <h5 class="modal-title fw-bold" id="selectionItemName"></h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="modal-body p-4 pt-3">
-                <div class="list-group list-group-flush" id="optionsList">
-                    <!-- Service options will be loaded here -->
-                </div>
+            <div class="modal-body p-4">
+                <p class="text-muted small mb-3"><?= $lang == 'en' ? 'Select service type:' : 'اختر نوع الخدمة:' ?></p>
+                <div class="row g-2" id="optionsList"></div>
             </div>
         </div>
     </div>
@@ -183,27 +224,31 @@ $customers = $stmt->fetchAll();
 <!-- Add Customer Modal -->
 <div class="modal fade" id="addCustomerModal" tabindex="-1">
     <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content border-0" style="border-radius: 25px;">
-            <div class="modal-header border-0 p-4 pb-0">
-                <h5 class="modal-title fw-bold"><?= __('add_customer') ?></h5>
+        <div class="modal-content border-0 rounded-4 shadow-lg">
+            <div class="modal-header border-0 pb-0 p-4">
+                <h5 class="modal-title fw-bold"><?= $lang == 'en' ? 'Add New Customer' : 'إضافة عميل جديد' ?></h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body p-4">
-                <form id="customerForm">
+                <form id="addCustomerForm">
                     <div class="mb-3">
-                        <label class="form-label small fw-bold"><?= __('phone') ?> *</label>
-                        <input type="text" id="custPhone" class="form-control" required style="border-radius: 12px;">
+                        <label class="form-label small"><?= $lang == 'en' ? 'Name (English)' : 'الاسم (إنجليزي)' ?></label>
+                        <input type="text" name="name_en" class="form-control rounded-3" required>
                     </div>
                     <div class="mb-3">
-                        <label class="form-label small fw-bold"><?= __('name_en') ?> *</label>
-                        <input type="text" id="custNameEn" class="form-control" required style="border-radius: 12px;">
+                        <label class="form-label small"><?= $lang == 'en' ? 'Name (Arabic)' : 'الاسم (عربي)' ?></label>
+                        <input type="text" name="name_ar" class="form-control rounded-3">
                     </div>
                     <div class="mb-3">
-                        <label class="form-label small fw-bold"><?= __('name_ar') ?></label>
-                        <input type="text" id="custNameAr" class="form-control" style="border-radius: 12px;">
+                        <label class="form-label small"><?= $lang == 'en' ? 'Phone Number' : 'رقم الجوال' ?></label>
+                        <input type="tel" name="phone" class="form-control rounded-3" required>
                     </div>
-                    <button type="button" class="btn btn-primary w-100 py-3 fw-bold" style="border-radius: 15px;" onclick="saveCustomer()">
-                        <?= __('save') ?>
+                    <div class="mb-3">
+                        <label class="form-label small"><?= $lang == 'en' ? 'Email (Optional)' : 'البريد (اختياري)' ?></label>
+                        <input type="email" name="email" class="form-control rounded-3">
+                    </div>
+                    <button type="button" class="btn btn-primary w-100 py-2 rounded-3" onclick="saveCustomer()">
+                        <?= $lang == 'en' ? 'Save Customer' : 'حفظ العميل' ?>
                     </button>
                 </form>
             </div>
@@ -212,222 +257,328 @@ $customers = $stmt->fetchAll();
 </div>
 
 <script>
-const itemsData = <?= json_encode($items) ?>;
+const itemsData = <?= json_encode((object)$items) ?>;
 const lang = '<?= $lang ?>';
-let cart = JSON.parse(localStorage.getItem('pos_cart') || '[]');
+let cart = [];
+let selectionModal;
 
-const selectionModal = new bootstrap.Modal(document.getElementById('selectionModal'));
+try {
+    const saved = localStorage.getItem('pos_cart');
+    if (saved) {
+        const parsed = JSON.parse(saved);
+        if (Array.isArray(parsed)) cart = parsed;
+    }
+} catch (e) { console.error('Cart parse error', e); }
+
+document.addEventListener('DOMContentLoaded', () => {
+    if (typeof bootstrap !== 'undefined') {
+        const modalEl = document.getElementById('selectionModal');
+        if (modalEl) selectionModal = new bootstrap.Modal(modalEl);
+    }
+
+    // Category filtering
+    document.querySelectorAll('.cat-filter').forEach(btn => {
+        btn.onclick = () => {
+            const cat = btn.getAttribute('data-cat');
+            document.querySelectorAll('.cat-filter').forEach(b => b.classList.remove('btn-primary'));
+            document.querySelectorAll('.cat-filter').forEach(b => b.classList.add('btn-white', 'border'));
+            btn.classList.add('btn-primary');
+            btn.classList.remove('btn-white', 'border');
+            
+            document.querySelectorAll('.item-card-wrapper').forEach(card => {
+                if (cat === 'all' || card.getAttribute('data-cat') === cat) card.style.display = 'block';
+                else card.style.display = 'none';
+            });
+        };
+    });
+
+    // Search
+    const searchInput = document.getElementById('itemSearch');
+    if (searchInput) {
+        searchInput.addEventListener('input', function(e) {
+            const q = e.target.value.toLowerCase();
+            document.querySelectorAll('.item-card-wrapper').forEach(card => {
+                const en = card.getAttribute('data-name-en') || '';
+                const ar = card.getAttribute('data-name-ar') || '';
+                if (en.includes(q) || ar.includes(q)) card.style.display = 'block';
+                else card.style.display = 'none';
+            });
+        });
+    }
+
+    // Persistent Customer Search
+    const custSearchInput = document.getElementById('customerSearchInput');
+    const custResults = document.getElementById('customerResults');
+    const clearCustBtn = document.getElementById('clearCustomerBtn');
+    const custIdInput = document.getElementById('customerId');
+
+    if (custSearchInput) {
+        custSearchInput.addEventListener('focus', () => {
+            custResults.classList.remove('d-none');
+        });
+
+        custSearchInput.addEventListener('input', function(e) {
+            const q = e.target.value.toLowerCase();
+            custResults.classList.remove('d-none');
+            document.querySelectorAll('.customer-result-item').forEach(item => {
+                const search = item.getAttribute('data-search') || '';
+                if (search.includes(q)) {
+                    item.parentElement.style.display = 'block';
+                } else {
+                    item.parentElement.style.display = 'none';
+                }
+            });
+        });
+
+        // Close results when clicking outside
+        document.addEventListener('click', function(e) {
+            if (!document.getElementById('customerSearchWrapper').contains(e.target)) {
+                custResults.classList.add('d-none');
+            }
+        });
+    }
+
+    if (clearCustBtn) {
+        clearCustBtn.addEventListener('click', () => {
+            custIdInput.value = '';
+            custSearchInput.value = '';
+            custSearchInput.placeholder = lang === 'en' ? 'Walk-in Customer' : 'عميل عابر';
+            clearCustBtn.classList.add('d-none');
+        });
+    }
+
+    // Customer selection delegation
+    custResults.addEventListener('click', function(e) {
+        const btn = e.target.closest('.customer-result-item');
+        if (btn) {
+            const id = btn.getAttribute('data-id');
+            const name = btn.getAttribute('data-name');
+            custIdInput.value = id;
+            
+            if (id) {
+                custSearchInput.value = name;
+                clearCustBtn.classList.remove('d-none');
+            } else {
+                custSearchInput.value = '';
+                custSearchInput.placeholder = name;
+                clearCustBtn.classList.add('d-none');
+            }
+            
+            custResults.classList.add('d-none');
+        }
+    });
+
+    updateCart();
+});
 
 function showOptions(itemId) {
     const item = itemsData[itemId];
-    document.getElementById('selectionItemName').innerText = lang === 'ar' ? item.name_ar : item.name_en;
-    
-    const optionsList = document.getElementById('optionsList');
-    optionsList.innerHTML = '';
-    
-    item.services.forEach(service => {
-        addOptionButton(item, service);
-    });
-    
-    selectionModal.show();
-}
-
-function addOptionButton(item, service) {
-    const optionsList = document.getElementById('optionsList');
-    const btn = document.createElement('button');
-    btn.className = 'list-group-item list-group-item-action d-flex justify-content-between align-items-center border-0 py-3 mb-2 rounded-4 bg-light shadow-sm-hover transition';
-    
-    let serviceText = lang === 'ar' ? service.name_ar : service.name_en;
-    
-    btn.innerHTML = `
-        <div class="fw-bold">${serviceText}</div>
-        <div class="text-primary fw-bold fs-5">${service.price.toFixed(2)} <small style="font-size: 0.8rem;">SAR</small></div>
-    `;
-    btn.onclick = () => addToCart(item, service);
-    optionsList.appendChild(btn);
-}
-
-function addToCart(item, service) {
-    const cartItemId = `${item.id}-${service.id}`;
-    const existing = cart.find(i => i.cartItemId === cartItemId);
-    
-    const vatPercent = item.vat_percent || 0;
-    const vatAmount = (service.price * (vatPercent / 100));
-    
-    if (existing) {
-        existing.quantity++;
-    } else {
-        cart.push({
-            cartItemId,
-            itemId: item.id,
-            serviceId: service.id,
-            itemName: lang === 'ar' ? item.name_ar : item.name_en,
-            serviceName: lang === 'ar' ? service.name_ar : service.name_en,
-            price: service.price,
-            vatPercent: vatPercent,
-            vatAmount: vatAmount,
-            quantity: 1
+    if (!item) return;
+    const itemNameEl = document.getElementById('selectionItemName');
+    if (itemNameEl) itemNameEl.innerText = lang === 'en' ? item.name_en : item.name_ar;
+    const list = document.getElementById('optionsList');
+    if (list) {
+        list.innerHTML = '';
+        item.services.forEach(s => {
+            const col = document.createElement('div');
+            col.className = 'col-6';
+            col.innerHTML = `
+                <button class="btn btn-outline-primary w-100 p-3 rounded-4 border-2 text-center h-100 transition-all" onclick="addToCart(${item.id}, ${s.id})">
+                    <div class="fw-bold mb-1 small">${lang === 'en' ? s.name_en : s.name_ar}</div>
+                    <div class="small opacity-75">${s.price.toFixed(2)} SAR</div>
+                </button>
+            `;
+            list.appendChild(col);
         });
     }
     
+    if (selectionModal) selectionModal.show();
+}
+
+function addToCart(itemId, serviceId) {
+    const item = itemsData[itemId];
+    if (!item) return;
+    const service = item.services.find(s => s.id === serviceId);
+    if (!service) return;
+    
+    const existing = cart.find(i => i.item_id === itemId && i.service_id === serviceId);
+    if (existing) {
+        existing.qty++;
+    } else {
+        cart.push({
+            item_id: itemId,
+            service_id: serviceId,
+            name: lang === 'en' ? item.name_en : item.name_ar,
+            service_name: lang === 'en' ? service.name_en : service.name_ar,
+            price: service.price,
+            qty: 1,
+            vat_percent: item.vat_percent
+        });
+    }
+    if (selectionModal) selectionModal.hide();
+    updateCart();
+}
+
+function changeQty(index, delta) {
+    cart[index].qty += delta;
+    if (cart[index].qty <= 0) cart.splice(index, 1);
     updateCart();
-    selectionModal.hide();
 }
 
 function updateCart() {
     localStorage.setItem('pos_cart', JSON.stringify(cart));
     const cartList = document.getElementById('cartItems');
     const emptyCart = document.getElementById('emptyCart');
-    
-    cartList.querySelectorAll('.cart-item-row').forEach(e => e.remove());
+    if (!cartList || !emptyCart) return;
     
     if (cart.length === 0) {
+        cartList.innerHTML = '';
         emptyCart.style.display = 'block';
     } else {
         emptyCart.style.display = 'none';
-        cart.forEach((item, index) => {
-            const row = document.createElement('div');
-            row.className = 'cart-item-row d-flex justify-content-between align-items-center mb-3 p-3 bg-white border rounded-4 shadow-sm';
-            row.innerHTML = `
-                <div style="flex: 1;">
-                    <div class="fw-bold small">${item.itemName}</div>
-                    <div class="text-muted" style="font-size: 0.75rem;">${item.serviceName}</div>
+        cartList.innerHTML = cart.map((item, index) => `
+            <div class="d-flex align-items-center mb-3 bg-light p-2 rounded-3">
+                <div class="flex-grow-1">
+                    <div class="fw-bold small text-dark">${item.name}</div>
+                    <div class="text-muted" style="font-size: 0.75rem;">${item.service_name}</div>
+                    <div class="fw-bold text-primary">${item.price.toFixed(2)} SAR</div>
                 </div>
-                <div class="d-flex align-items-center mx-3 bg-light rounded-pill px-2 py-1">
-                    <button class="btn btn-sm p-0 text-muted" onclick="changeQty(${index}, -1)"><i class="bi bi-dash-circle-fill"></i></button>
-                    <span class="mx-3 fw-bold" style="min-width: 15px; text-align: center;">${item.quantity}</span>
-                    <button class="btn btn-sm p-0 text-primary" onclick="changeQty(${index}, 1)"><i class="bi bi-plus-circle-fill"></i></button>
+                <div class="d-flex align-items-center bg-white rounded-3 p-1">
+                    <button class="btn btn-sm p-0 px-2" onclick="changeQty(${index}, -1)"><i class="bi bi-dash"></i></button>
+                    <span class="mx-2 fw-bold">${item.qty}</span>
+                    <button class="btn btn-sm p-0 px-2" onclick="changeQty(${index}, 1)"><i class="bi bi-plus"></i></button>
                 </div>
-                <div class="fw-bold text-end" style="width: 70px;">
-                    ${(item.price * item.quantity).toFixed(2)}
-                </div>
-            `;
-            cartList.appendChild(row);
-        });
+            </div>
+        `).join('');
     }
     
-    const subtotal = cart.reduce((sum, item) => sum + (item.price * item.quantity), 0);
-    const vat = cart.reduce((sum, item) => sum + (item.vatAmount * item.quantity), 0);
-    const total = subtotal + vat;
+    let subtotal = 0;
+    let totalVat = 0;
     
-    document.getElementById('cartSubtotal').innerText = subtotal.toFixed(2) + ' SAR';
-    document.getElementById('cartVat').innerText = vat.toFixed(2) + ' SAR';
-    document.getElementById('cartTotal').innerText = total.toFixed(2) + ' SAR';
-}
+    cart.forEach(item => {
+        const itemSubtotal = item.price * item.qty;
+        subtotal += itemSubtotal;
+        totalVat += itemSubtotal * ((item.vat_percent || 15) / 100);
+    });
 
-function changeQty(index, delta) {
-    cart[index].quantity += delta;
-    if (cart[index].quantity <= 0) {
-        cart.splice(index, 1);
-    }
-    updateCart();
+    const subtotalEl = document.getElementById('cartSubtotal');
+    const vatEl = document.getElementById('cartVat');
+    const totalEl = document.getElementById('cartTotal');
+    
+    if (subtotalEl) subtotalEl.innerText = subtotal.toFixed(2) + ' SAR';
+    if (vatEl) vatEl.innerText = totalVat.toFixed(2) + ' SAR';
+    if (totalEl) totalEl.innerText = (subtotal + totalVat).toFixed(2) + ' SAR';
 }
 
 function clearCart() {
-    if (confirm('Are you sure you want to clear the cart?')) {
+    if (confirm(lang === 'en' ? 'Clear cart?' : 'مسح السلة؟')) {
         cart = [];
         updateCart();
     }
 }
 
-function checkout() {
-    if (cart.length === 0) { alert('Cart is empty'); return; }
-    const customerId = document.getElementById('customerId').value;
-    const subtotal = cart.reduce((sum, item) => sum + (item.price * item.quantity), 0);
-    const vat = cart.reduce((sum, item) => sum + (item.vatAmount * item.quantity), 0);
+async function checkout() {
+    if (cart.length === 0) return;
+    const cid = document.getElementById('customerId').value;
     
-    fetch('api/checkout.php', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-            customer_id: customerId,
-            items: cart,
-            vat_total: vat,
-            total_price: subtotal + vat
-        })
-    })
-    .then(r => r.json())
-    .then(res => {
+    let subtotal = 0;
+    let totalVat = 0;
+    
+    // Map cart items to the keys expected by checkout.php
+    const itemsToSubmit = cart.map(item => {
+        const itemSubtotal = item.price * item.qty;
+        const itemVat = itemSubtotal * ((item.vat_percent || 15) / 100);
+        
+        subtotal += itemSubtotal;
+        totalVat += itemVat;
+
+        return {
+            itemId: item.item_id,
+            serviceId: item.service_id,
+            variantId: null,
+            quantity: item.qty,
+            price: item.price,
+            vatAmount: itemVat
+        };
+    });
+
+    try {
+        const response = await fetch('api/checkout.php', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ 
+                customer_id: cid, 
+                items: itemsToSubmit, 
+                vat_total: totalVat, 
+                total_price: subtotal + totalVat 
+            })
+        });
+        const res = await response.json();
         if (res.success) {
             cart = [];
-            localStorage.removeItem('pos_cart');
+            updateCart();
             window.location.href = 'order_details.php?id=' + res.order_id;
-        } else alert('Error: ' + res.error);
-    });
+        } else alert(res.error);
+    } catch (e) { alert('Error'); }
 }
 
-function saveCustomer() {
-    const phone = document.getElementById('custPhone').value;
-    const name_en = document.getElementById('custNameEn').value;
-    const name_ar = document.getElementById('custNameAr').value;
-    
-    if (!phone || !name_en) { alert('Please fill required fields'); return; }
-    
-    const formData = new FormData();
-    formData.append('phone', phone);
-    formData.append('name_en', name_en);
-    formData.append('name_ar', name_ar);
-    
-    fetch('api/add_customer.php', {
-        method: 'POST',
-        body: formData
-    })
-    .then(r => r.json())
-    .then(res => {
+async function saveCustomer() {
+    const form = document.getElementById('addCustomerForm');
+    if (!form) return;
+    const data = new FormData(form);
+    try {
+        const response = await fetch('api/add_customer.php', { method: 'POST', body: data });
+        const res = await response.json();
         if (res.success) {
-            const select = document.getElementById('customerId');
-            const opt = document.createElement('option');
-            opt.value = res.id;
-            opt.text = phone + ' - ' + (lang === 'ar' ? (name_ar || name_en) : name_en);
-            opt.selected = true;
-            select.add(opt);
-            bootstrap.Modal.getInstance(document.getElementById('addCustomerModal')).hide();
-        } else alert('Error: ' + res.error);
-    });
+            const id = res.customer.id;
+            const nameEn = res.customer.name_en;
+            const nameAr = res.customer.name_ar || nameEn;
+            const phone = res.customer.phone;
+            const displayName = lang === 'en' ? nameEn : nameAr;
+            
+            // Update hidden input
+            document.getElementById('customerId').value = id;
+            // Update search input
+            const custSearchInput = document.getElementById('customerSearchInput');
+            custSearchInput.value = displayName;
+            document.getElementById('clearCustomerBtn').classList.remove('d-none');
+            
+            // Add to results list
+            const list = document.getElementById('customerResultsList');
+            if (list) {
+                const searchStr = `${nameEn} ${nameAr} ${phone}`.toLowerCase();
+                const div = document.createElement('div');
+                div.className = 'p-1';
+                div.innerHTML = `
+                    <button class="btn btn-white btn-sm w-100 text-start rounded-2 customer-result-item p-2" type="button" data-id="${id}" data-name="${displayName}" data-phone="${phone}" data-search="${searchStr}">
+                        <div class="fw-bold small text-dark">${displayName}</div>
+                        <div class="text-muted small" style="font-size: 0.7rem;">${phone}</div>
+                    </button>
+                `;
+                list.prepend(div);
+            }
+
+            if (typeof bootstrap !== 'undefined') {
+                const modalEl = document.getElementById('addCustomerModal');
+                if (modalEl) {
+                    const modal = bootstrap.Modal.getInstance(modalEl);
+                    if (modal) modal.hide();
+                }
+            }
+            form.reset();
+        } else alert(res.error);
+    } catch (e) { alert('Error'); }
 }
-
-// Category filter
-document.querySelectorAll('.cat-filter').forEach(btn => {
-    btn.onclick = () => {
-        document.querySelectorAll('.cat-filter').forEach(b => b.classList.remove('active', 'btn-primary'));
-        document.querySelectorAll('.cat-filter').forEach(b => b.classList.add('btn-outline-secondary'));
-        btn.classList.add('active', 'btn-primary');
-        btn.classList.remove('btn-outline-secondary');
-        
-        const cat = btn.getAttribute('data-cat');
-        document.querySelectorAll('.item-card-wrapper').forEach(card => {
-            if (cat === 'all' || card.getAttribute('data-cat') === cat) card.style.display = 'block';
-            else card.style.display = 'none';
-        });
-    };
-});
-
-// Item search
-document.getElementById('itemSearch').addEventListener('input', function(e) {
-    const q = e.target.value.toLowerCase();
-    document.querySelectorAll('.item-card-wrapper').forEach(card => {
-        const en = card.getAttribute('data-name-en');
-        const ar = card.getAttribute('data-name-ar');
-        if (en.includes(q) || ar.includes(q)) card.style.display = 'block';
-        else card.style.display = 'none';
-    });
-});
-
-// Initialize cart on load
-updateCart();
 </script>
 
 <style>
-.cursor-pointer { cursor: pointer; }
-.item-card { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 25px; border: 1px solid transparent; }
-.item-card:hover { transform: translateY(-8px); border-color: var(--bs-primary) !important; box-shadow: 0 15px 30px rgba(13, 110, 253, 0.15) !important; }
-.bg-light { background-color: #f8f9fa !important; }
-.rounded-4 { border-radius: 1rem !important; }
-.cat-filter.active { color: white !important; }
-.bg-soft-primary { background-color: rgba(13, 110, 253, 0.1); }
-.list-group-item-action:hover { background-color: #e9ecef !important; transform: scale(1.02); transition: all 0.2s; }
-.transition { transition: all 0.2s; }
-.shadow-sm-hover:hover { shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
+.pointer { cursor: pointer; }
+.item-card:hover { transform: translateY(-5px); }
+.transition-all { transition: all 0.3s ease; }
+.hide-scrollbar::-webkit-scrollbar { display: none; }
+.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
+.btn-white { background: white; }
+.customer-result-item:hover { background-color: #f8f9fa; }
 </style>
 
-<?php require_once __DIR__ . '/includes/footer.php'; ?>
\ No newline at end of file
+<?php require_once __DIR__ . '/includes/footer.php'; ?>