diff --git a/customer-display.php b/customer-display.php index a39ec4f..3e9437e 100644 --- a/customer-display.php +++ b/customer-display.php @@ -311,7 +311,62 @@ if (empty($slides)) { } // Debug info -... + const items = data.items || []; + document.getElementById('debugInfo').innerText = 'Items: ' + items.length; + + // Show/Hide screens + if (items.length > 0) { + document.getElementById('welcomeScreen').style.display = 'none'; + document.getElementById('activeCart').style.display = 'flex'; + document.getElementById('debugInfo').style.display = 'block'; + } else { + document.getElementById('welcomeScreen').style.display = 'flex'; + document.getElementById('activeCart').style.display = 'none'; + document.getElementById('debugInfo').style.display = 'none'; + return; // Stop if empty + } + + // Update Customer Name if available + if (data.customerName || data.customer_name) { + document.getElementById('customerName').innerText = data.customerName || data.customer_name; + } else { + document.getElementById('customerName').innerText = 'Welcome'; + } + + // Render Items + const list = document.getElementById('itemsList'); + list.innerHTML = ''; + + items.forEach(item => { + const div = document.createElement('div'); + div.className = 'cart-item'; + + const qty = parseFloat(item.quantity || item.qty) || 0; + const price = parseFloat(item.price) || 0; + // If total is not provided, calculate it: qty * price + let total = item.total ? parseFloat(item.total) : (qty * price); + + let details = `${qty} x ${formatMoney(price)}`; + const itemDiscount = parseFloat(item.discount) || 0; + if (itemDiscount > 0) { + details += ` (Disc: ${formatMoney(itemDiscount)})`; + } + + div.innerHTML = ` +