From 73951729f9cd0888a1ca117de1bd126116e7833d Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Fri, 6 Feb 2026 05:41:19 +0000
Subject: [PATCH] correcting customer display

---
 assets/pasted-20260206-044350-8c65cfaa.png | Bin 0 -> 22621 bytes
 core/__pycache__/urls.cpython-311.pyc      | Bin 11353 -> 11585 bytes
 core/__pycache__/views.cpython-311.pyc     | Bin 140516 -> 141968 bytes
 core/templates/core/customer_display.html  | 491 ++++++++-------
 core/templates/core/pos.html               | 675 +++++++++++++++------
 core/urls.py                               |   6 +-
 core/views.py                              |  27 +-
 7 files changed, 784 insertions(+), 415 deletions(-)
 create mode 100644 assets/pasted-20260206-044350-8c65cfaa.png

diff --git a/assets/pasted-20260206-044350-8c65cfaa.png b/assets/pasted-20260206-044350-8c65cfaa.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed98968c0d85d6fe74809f1a22c7052faa883b72
GIT binary patch
literal 22621
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
S-T@1jnunY3#fJ0O)BXd~W2uJ#

literal 0
HcmV?d00001

diff --git a/core/__pycache__/urls.cpython-311.pyc b/core/__pycache__/urls.cpython-311.pyc
index 512e2690dfb32c6f512f52db72fc1cb3431d4dae..14d9844da310f4792029dd4cc6aec710806fb125 100644
GIT binary patch
delta 1609
zcmZvcUrbw79LH(<W4+zh;x=&UtsQNllmd#8$>wm%+A;%eDNssF*;WcI9eaSTe{?b!
z?7?I)dk~LH@IkGKQ4+U^A)3V(nfm5~=O!oqnepF?FWbZ2gD*Z9&pp3gr<td@-~7J6
z-{+p+={fh_A5yo{)(@=K-F1Ah3$M(7y>7J|pS6A5e%DGy4D}74=S}CbT2ULho%OYY
z{#!gXg9)Dc;`*-lO?7o2@(ahhAw8S>GG6EZYWp$UTjs&WY;nH3xLEEkzq~NpT`lIa
zm3;T@2A;`inG9x@4*UlzR|IAIhvJFtPn+h=hTOKxIc+qT^1NGVj;u6~?5^<8z_0QS
z`L6kimXNW*_&rE#p)32ZB(6?vyhOpLfRBMsHEFe9K_WY@Mq_=5Jm+#6LgbXInd`F4
zxl1dnd&y<jL9<oFHZArxi1?AZdJCUael79F=}kL@9tC<B^r-tpbw82avhhHOG`U@T
zwqBu0_aPp?DD;|J>+*@ne=9P7i1<;D#vc)y@@UKj5x*()Gm*J1^iPjAo4rNjj|rV>
z@$mSP(05xrX0ehX1G(E~H-&lScTuslYE+ldSnGW%WgvZS*)+*3*F@!}&>w~VCDiTJ
z?h6Sm2z^!P4WZPlt>d1E8{0JUh|qMKXH~2tU=$lhEzPwi=I*7(hbhDqh%tz%L8CxI
zI&!F1&s>LTUzkEffe3?$I)KQKjyN_F%=r|3W{5&qfiQ!x8b&0dBdxVOYwM$d-Z+JE
z1;!bSt5IZzbw(`a7(FpTA*n!;K~jw&GEVNa$x;H%1hM)YQW8yyJju-@nzUx3Q)s63
zY3&<NGsojw{4WL-2r>w&StMq3qNSE#-lI2HA8f)b5;-IJtyPxt=;p{zyjKCu+1J}0
z(Rqv)^obsBwTMJfCmwEf9*GjRDx<52R#h}h<VL$JT|~1?zTsvC%_VZLU5>4y={Ma!
zRBx@ye0;CRD8v<rGl;7v#OtL7bmV^yHHb*aq&<9=0dzwq@{7kVh0#UG+kRP!q8TPT
zeupK7X2e8(_Q^w|=qCQv<~`e1nnJ$<{S5lmBmyZNXy5c+@7~$-;L(~yAWimm$<h>>
zQ{-HSES*L(L#}o>q**jM@==FlHIHUapY-rnp7oB>)FOqV0!0QzwSdT39r0~8G5<*#
zoug1tpunJ@&Lgs*Bd(g4d5+TOM=6XcFveg^T|}g)BORLqtSd+cJFU`rES1QaPKQ)R
zQz4f-9kD8!CH*FGIsrO3O(Cm5mO)m%h{&>zI5(=S`8W-op^#A^!yu!sAQAv_r_*i;
f0=}a_tX+1?0J@Vv-tpV_y&&A$9_?2u@o(?nc5vL*

delta 1366
zcmZXUUr1Y59LLSg&w1mT3LSLKy{6_S#@HlCv34SMkQft}(wL}~#i*%nHk#Cqp=PyK
zr+XOq(80FfU_Pvnw+ee$hOh=YSogNEG0uhaP+^5W?WvU8hdpd;W%r(+mlc|jFTc<E
zea`QMlRrNe4)gB2Zg*>w`S^3`<FfZNw?{JE-*!K7%Z2%cA10d4JUCc7ey8PN>}09M
z@y<cRJ13#vmuX!wcR0+~>IUBQ^$f(MHt8YAJHxvtb|-I7@7-V!(jmklWH_zfW6^8>
zwED&N{xpLD9R@fI7|k(!?DINe_}tfF=4s8UFKFIZtUbnYjBBq;Z82Q8S5Dyfnj*ax
z!+V;~G#`rmOFM1Wr~Fp-`>i=|`>pP}Sou=a4UvZ;{}zrCu$)1WGXZPYrpT`X)|~rd
z{dbZ72K?rVuhYte$Wo_f*1MwqTI6pcpLP0M#5>PB@R6oCr%bCqXzeSA+!9#}9$6&^
zJ_snzMYI2h=(xHpH!3pQb!4qM@VR!%Sv5N-I^T&r6!}k=pYCc1D<M@*NaFZm{KSML
zK?>_3)ipwJNy6n$Pb5P$Dm68`c7~Zt*-P^FJ~o(TkkcW@A!lSs$>CtPDvuG23z#6t
zW3gM2rw9tTW5P7S3}(-$u33VjgujNB$Q7bF`$S(Y$o&^sVv0dQhXRL!F;7ZK%v~f{
z5_8K06*2c3!LpdUeVu5<o~zZ)^FUwYO$KQl(j3ypDj93G;n_RS)o9%`;yT1R#EmK$
zAJ|5qHpzqijrSO2bjWbX7&pjRw~b(}%0q)}XdI7)TU|G)yCGpmSaIDV+LWxXfNP6r
z$cY~XJeh>}F&M+nqkE6;U*$dVpV}DYb;xtb8%Z)!w$W2>=4X@a(kz3b4n+<{V}z8q
z@RzVErwK;!Y1kuY33AvL@yKHY<9IfrY)=qew#Rz+s=TAO(eeK^O_EWtjqd#*4-c{Q
z3kOe=GGi;f^(61hu*+oz6&)%ZD#k1+MO*2sU*&I%G5k4lOuj<BIeZjR<#~eA=TUWZ
zk?JLTQ+PkgqX~BLg`>-)RBT0D+z1<em%)M#3mg`VYosh=IjYLn30Cm739AHa_)Sy|
wR|z)kN#cvx+h}Ky(jmnmW!xfT)4I5GTLd54`pci#wlH>HwVo^Qn}3P_0Tlw1u>b%7

diff --git a/core/__pycache__/views.cpython-311.pyc b/core/__pycache__/views.cpython-311.pyc
index b1fa1f81e7f0971fbce5195ad8e87bd7d2da4ff7..f56ddce278b7510e5a56675f95935fc6aa4ea2a7 100644
GIT binary patch
delta 1290
zcmZuwPfXiZ7=LyWlGsjC$!UWIrDmWam#rNeg9##7JJxn+0=5uDqira{rnn_>^qvC+
z(IwKD)<Y+;Wm7nGQcm5pBCR_iG%Bq<bv@aYTUfSCJCq%Es8a31ao;n4M!SA`{`vFw
z&+mQT?>+j(xA?#p{5BBa5XeuLKGn7szX;YcT|c%Q=3Z2fDr5m&2hR=ab|mq=Vl1G<
z4TXszIr~XJ_gO#3tn_p2U0>l~=}^(z!qhR}6c#_|=$c0t+`DNC8wFKy?YE72cD+Vm
zSA!V05h@J*5H8dQU;Wz8hMSv^5&qBJjBx8^_Njy#BU0>rlX;=g`=zIN?``H#j=Ri$
z%*K%7yl0phbjfuN%`i`ADZJvn#wx<H|2hjNglAjeT!Fa{ISC||oK}fsOsdk*U`!fM
zVnZTE(oiKscdS{W;uazil@Lu&OA|VF%(=I+#L!bJmijc3nM%&m_>4AwQOahHJB9Ho
z{Hq+y=wysm9doJ<ms$Oy%;I0E&u?fc70js&ehA+?W*lb_!s}qb8vp}y!FSTr$tg{d
zQmQejEBH4Wn-lQwG-Q%Og~A^IW$(^D%f6JZXcL;M;0SfLQ}~F2-vzKqwMPK53tyo6
zUljfZAmB#O7CZp&a)|Dp%%;c3vKa-Mf(39l0g(v1j*2CgJ(%<Qhnb2P`KoK_{Iw}d
zY_-MKD}8^y(thR4)j_lVB};gDqotL8*g|tfJn~)pt;w~i)%03=y=UZp&xqACYWIwq
z(m7a`n6Sl!DI~Tkq1q~9pz?mC*`2q@&uy#IYtyE58rEHsGsT!C#%wWW3eT=BkgAK8
z0cDeqlse7MGiL2sy51W$`MAZ$Z9Z<g<D>yj`}xVHlWpjB8+Yoc>vp$vs?l|)jsg8n
zqX%#trm`oL^R!X_EKq(IQ8E9RX(|qepdWeB*yB9C4T@W16wh+avjp59HUHcQ**n+a
zFzJ2O$l~;KNjib`l*7lJxgXDMbI%LA8`x%<M@?mn+0!ypc9Z0U3KQqRiO<8v9c}>a
z_9#H;4cQ&OLtSV14t4PXNPCUW{#^*lqpA-H;?>@DzTrOKU>-SfGi>o4b~oRV@7wV5
z`T5OI-O^}j#;iYaQ#C_TD-^XuQPUT#@R22V>2;HrEnc>H*>uZz2rA0UD`Am+!(Br;
zh7T0aM%cq#Bj~j8WNAf@uxg-NKy0AO2AC0`2E`{XFf7#Vm>PV{u`2pMI6wFol4w=G

delta 98
zcmbPmmE*}t4!-5Qyj%=Gpp?^^$=*AWPl8cyqq-~?TMA<^gJyAa8drN77vuIcE~XP4
wOq#2<cS|r?uuMNI!z9Ti#>~LL2-I1eyZwU<Q!1|j11n=7;|DNV6abU}0N#@p)Bpeg

diff --git a/core/templates/core/customer_display.html b/core/templates/core/customer_display.html
index 09bcef1..80076c5 100644
--- a/core/templates/core/customer_display.html
+++ b/core/templates/core/customer_display.html
@@ -1,277 +1,320 @@
-{% load static i18n l10n %}
-<!DOCTYPE html>
+{% load static i18n %}{% get_current_language as LANGUAGE_CODE %}<!DOCTYPE html>
 <html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_CODE == 'ar' %}rtl{% else %}ltr{% endif %}">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% trans "Customer Display" %} | {{ settings.business_name }}</title>
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="{% static 'bootstrap/dist/css/bootstrap.min.css' %}">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
+    <title>{% trans "Customer Display" %}</title>
     
+    <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=Cairo:wght@400;700&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap" rel="stylesheet">
+    
+    {% if LANGUAGE_CODE == 'ar' %}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.rtl.min.css">
+    {% else %}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    {% endif %}
+    
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
+    <link rel="stylesheet" href="{% static 'css/custom.css' %}?v={{ deployment_timestamp }}">
+
     <style>
-        :root {
-            --bs-primary-rgb: 13, 110, 253;
-        }
         body {
-            background-color: #f8f9fa;
-            height: 100vh;
             overflow: hidden;
-            display: flex;
-            flex-direction: column;
-        }
-        .main-container {
-            flex: 1;
-            display: flex;
-            height: 100%;
-        }
-        .left-panel {
-            flex: 1;
-            padding: 2rem;
-            display: flex;
-            flex-direction: column;
-            border-right: 1px solid #dee2e6;
-            background: white;
-        }
-        .right-panel {
-            width: 40%;
             background-color: #f8f9fa;
-            padding: 2rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            text-align: center;
+            font-size: 0.85rem; /* Reduced font size further */
         }
-        .cart-list {
-            flex: 1;
-            overflow-y: auto;
-            padding-right: 10px;
-        }
-        .cart-item {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 1rem;
-            border-bottom: 1px solid #f1f3f5;
-            transition: background 0.3s;
-        }
-        .cart-item.new-item {
-            animation: highlight 1s ease-out;
-        }
-        @keyframes highlight {
-            0% { background-color: rgba(var(--bs-primary-rgb), 0.1); }
-            100% { background-color: transparent; }
-        }
-        .item-name {
-            font-weight: bold;
-            font-size: 1.1rem;
-            margin-bottom: 0.2rem;
-        }
-        .item-meta {
-            font-size: 0.9rem;
-            color: #6c757d;
-        }
-        .item-price {
-            font-weight: bold;
-            font-size: 1.1rem;
-        }
-        .total-display {
-            background: var(--bs-primary);
-            color: white;
-            padding: 2rem;
-            border-radius: 1rem;
-            width: 100%;
-            margin-top: auto;
-            box-shadow: 0 10px 20px rgba(var(--bs-primary-rgb), 0.2);
-        }
-        .welcome-screen {
-            position: absolute;
+        #welcome-screen {
+            position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: white;
+            z-index: 1000;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+        }
+        #main-display {
+            height: 100vh;
+            display: none; /* Hidden by default until data arrives */
+        }
+        .cart-item {
+            background: white;
+            border-radius: 8px;
+            margin-bottom: 0.25rem; /* Reduced margin */
+            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
+            padding: 0.5rem; /* Reduced padding */
+        }
+        .total-section {
+            background: white;
+            height: 100%;
+            padding: 1rem; /* Reduced padding */
             display: flex;
             flex-direction: column;
             justify-content: center;
-            align-items: center;
-            z-index: 1000;
-            transition: opacity 0.5s;
         }
-        /* UPDATED: display: none is safer than opacity for hiding overlay */
-        .welcome-screen.hidden {
-            display: none !important;
+        .grand-total {
+            font-size: 2rem; /* Slightly smaller grand total */
+            font-weight: bold;
+            color: var(--bs-primary);
+        }
+        
+        /* Debug Panel */
+        #debugStatus {
+            position: fixed;
+            bottom: 10px;
+            right: 10px;
+            background: rgba(0,0,0,0.8);
+            color: lime;
+            padding: 5px 10px;
+            border-radius: 5px;
+            font-family: monospace;
+            font-size: 10px;
+            z-index: 2000;
+            pointer-events: auto;
+            max-width: 300px;
+        }
+        .debug-btn {
+            font-size: 10px; 
+            padding: 2px 6px; 
+            margin-left: 5px; 
+            cursor: pointer; 
+            background: #444; 
+            border: 1px solid #666; 
+            color: white;
+        }
+        #debugLog {
+            display: none;
+            position: fixed;
+            bottom: 40px;
+            right: 10px;
+            width: 300px;
+            height: 200px;
+            background: rgba(0,0,0,0.9);
+            color: #ddd;
+            font-size: 10px;
+            overflow-y: auto;
+            padding: 10px;
+            border-radius: 5px;
+            z-index: 2000;
         }
     </style>
 </head>
 <body>
 
-    <!-- Welcome / Idle Screen -->
-    <div id="welcomeScreen" class="welcome-screen">
-        <div class="text-center">
+    <!-- Welcome Screen -->
+    <div id="welcome-screen">
+        <div class="mb-4">
             {% if settings.logo %}
-            <img src="{{ settings.logo.url }}" alt="Logo" class="mb-4" style="max-height: 150px;">
+            <img src="{{ settings.logo.url }}" alt="Logo" style="max-height: 100px;" class="mb-3">
             {% else %}
-            <i class="bi bi-shop display-1 text-primary mb-4"></i>
+            <i class="bi bi-cart3 text-primary display-4 mb-3"></i>
             {% endif %}
-            <h1 class="display-4 fw-bold text-primary">{{ settings.business_name }}</h1>
-            <p class="lead text-muted mt-3">{% trans "Welcome! We are ready to serve you." %}</p>
+            <h2 class="fw-bold">{{ settings.business_name }}</h2>
+            <p class="text-muted">{% trans "Welcome! Please wait while we prepare your order." %}</p>
+        </div>
+        
+        <!-- Diagnostic Info for User -->
+        <div class="mt-4 text-muted small">
+            <div id="connection-status">Waiting for POS...</div>
         </div>
     </div>
 
-    <!-- Active Transaction Screen -->
-    <div class="main-container">
-        <!-- Left: Cart Items -->
-        <div class="left-panel">
-            <h4 class="fw-bold mb-4 border-bottom pb-3">{% trans "Your Order" %}</h4>
-            <div class="cart-list" id="cartList">
-                <!-- Items injected via JS -->
-            </div>
-        </div>
-
-        <!-- Right: Totals & Ads -->
-        <div class="right-panel">
-            <div class="mb-auto w-100">
-                {% if settings.logo %}
-                <img src="{{ settings.logo.url }}" alt="Logo" class="mb-3" style="max-height: 80px;">
-                {% endif %}
-                <h5 class="fw-bold">{{ settings.business_name }}</h5>
-            </div>
-
-            <!-- Big Total Box -->
-            <div class="total-display">
-                <div class="d-flex justify-content-between align-items-end mb-2">
-                    <span class="h5 mb-0 opacity-75">{% trans "Total" %}</span>
+    <!-- Main Transaction Display -->
+    <div id="main-display" class="container-fluid p-0">
+        <div class="row g-0 h-100">
+            <!-- Left: Item List -->
+            <div class="col-8 h-100 bg-light p-3 overflow-auto">
+                <h5 class="mb-3 fw-bold">{% trans "Your Order" %}</h5>
+                <div id="cart-items-container">
+                    <!-- Items injected here -->
                 </div>
-                <div class="display-3 fw-bold" id="totalAmount">{{ settings.currency_symbol }} 0.000</div>
-                
-                <div class="mt-3 pt-3 border-top border-white border-opacity-25 d-flex justify-content-between">
-                    <span class="small">{% trans "Items" %}: <span id="itemCount">0</span></span>
-                    <span class="small">{% trans "Tax" %}: <span id="taxAmount">0.000</span></span>
+            </div>
+
+            <!-- Right: Totals -->
+            <div class="col-4 h-100 shadow-lg">
+                <div class="total-section">
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="text-muted">{% trans "Subtotal" %}</span>
+                        <span id="display-subtotal" class="fw-bold">0.00</span>
+                    </div>
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="text-muted">{% trans "VAT" %}</span>
+                        <span id="display-tax" class="fw-bold">0.00</span>
+                    </div>
+                    <div class="d-flex justify-content-between mb-3 text-success">
+                        <span>{% trans "Discount" %}</span>
+                        <span id="display-discount">-0.00</span>
+                    </div>
+                    <hr>
+                    <div class="text-center mt-3">
+                        <div class="text-uppercase text-muted small fw-bold mb-1">{% trans "Total to Pay" %}</div>
+                        <div id="display-total" class="grand-total">0.00</div>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
-    
-    <!-- Debug Status (z-index increased to 2000) -->
-    <div id="debugStatus" style="position: fixed; bottom: 5px; right: 5px; font-size: 11px; color: #555; background: rgba(255,255,200,0.9); padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc; z-index: 2000; font-family: monospace;">Init (v3)...</div>
 
+    <!-- Debug Overlay -->
+    <div id="debugStatus">
+        <span id="statusText">Init (v10.1 - Standalone/Compact)...</span>
+        <button class="debug-btn" onclick="runTestRender()">Test Render</button>
+        <button class="debug-btn" onclick="toggleLog()">Log</button>
+    </div>
+    <div id="debugLog"></div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
     <script>
-        const currencySymbol = '{{ settings.currency_symbol|escapejs }}';
-        const welcomeScreen = document.getElementById('welcomeScreen');
-        const cartList = document.getElementById('cartList');
-        const totalEl = document.getElementById('totalAmount');
-        const countEl = document.getElementById('itemCount');
-        const taxEl = document.getElementById('taxAmount');
-        const debugEl = document.getElementById('debugStatus');
+        const currency = '{{ site_settings.currency_symbol|escapejs }}';
         
-        function updateStatus(msg) {
-            console.log('[CFD] ' + msg);
-            debugEl.innerText = msg + ' (' + new Date().toLocaleTimeString() + ')';
-        }
-        
-        function handleMessage(event) {
-            const data = event.data;
-            if (!data) return;
+        // Elements
+        const welcomeScreen = document.getElementById('welcome-screen');
+        const mainDisplay = document.getElementById('main-display');
+        const itemsContainer = document.getElementById('cart-items-container');
+        const statusText = document.getElementById('statusText');
+        const logPanel = document.getElementById('debugLog');
 
-            updateStatus('Msg: ' + (data.type || 'unknown'));
-
-            if (data.type === 'update_cart') {
-                renderCart(data.cart, data.totals);
-            } else if (data.type === 'clear') {
-                showWelcome();
-            }
+        // ---------------------------------------------------------
+        // Logging & Debug
+        // ---------------------------------------------------------
+        function log(msg) {
+            const time = new Date().toLocaleTimeString();
+            console.log(`[CFD ${time}] ${msg}`);
+            logPanel.innerHTML += `<div>[${time}] ${msg}</div>`;
+            logPanel.scrollTop = logPanel.scrollHeight;
         }
 
-        // 1. BroadcastChannel (Cross-tab)
-        const channel = new BroadcastChannel('pos_channel');
-        channel.onmessage = handleMessage;
-        
-        // 2. Direct Window Message (Parent-Child)
-        window.addEventListener('message', handleMessage);
-
-        // 3. LocalStorage (Cross-window backup)
-        window.addEventListener('storage', (event) => {
-            if (event.key === 'pos_cart_update' && event.newValue) {
-                updateStatus('Storage Event');
-                try {
-                    const msg = JSON.parse(event.newValue);
-                    handleMessage({ data: msg });
-                } catch(e) { updateStatus('Storage Parse Error'); }
-            }
-        });
-        
-        // Initial load: Check storage
-        const stored = localStorage.getItem('pos_cart_update');
-        if (stored) {
-            try {
-                const msg = JSON.parse(stored);
-                updateStatus('Restored Storage');
-                // Small delay to ensure DOM is ready
-                setTimeout(() => handleMessage({ data: msg }), 100);
-            } catch(e) {
-                updateStatus('Storage Error');
-            }
-        } else {
-            updateStatus('No Storage Data');
+        function toggleLog() {
+            logPanel.style.display = logPanel.style.display === 'none' ? 'block' : 'none';
         }
-        
-        // Handshake: Ask POS for current state
-        setTimeout(() => {
-             updateStatus('Requesting Sync...');
-             try {
-                channel.postMessage({ type: 'new_client' });
-             } catch(e) {
-                updateStatus('BC Error');
-             }
-        }, 500);
 
-        function renderCart(cart, totals) {
-            updateStatus('Render: ' + (cart ? cart.length : 0));
+        function setStatus(msg) {
+            statusText.innerText = msg;
+        }
+
+        // ---------------------------------------------------------
+        // Rendering Logic
+        // ---------------------------------------------------------
+        function updateDisplay(data) {
+            // Hide welcome, show main
+            welcomeScreen.style.display = 'none';
+            mainDisplay.style.display = 'block';
+
+            if (!data.cart || data.cart.length === 0) {
+                if (data.type === 'clear') {
+                     log('Cart cleared');
+                     welcomeScreen.style.display = 'flex';
+                     mainDisplay.style.display = 'none';
+                     return;
+                }
+            }
+
+            // Render Items
+            let html = '';
+            data.cart.forEach(item => {
+                html += `
+                    <div class="cart-item d-flex justify-content-between align-items-center animate__animated animate__fadeIn">
+                        <div class="d-flex align-items-center gap-2">
+                            <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width:25px; height:25px; font-weight:bold; font-size: 0.8rem;">
+                                ${item.quantity}
+                            </div>
+                            <div>
+                                <div class="fw-bold text-dark" style="font-size: 0.9rem;">${item.name_ar}</div>
+                                <div class="text-muted small" style="font-size: 0.75rem;">${item.name_en}</div>
+                            </div>
+                        </div>
+                        <div class="fw-bold" style="font-size: 0.9rem;">
+                            ${currency} ${(item.price * item.quantity).toFixed(2)}
+                        </div>
+                    </div>
+                `;
+            });
+            itemsContainer.innerHTML = html;
+
+            // Render Totals
+            document.getElementById('display-subtotal').innerText = currency + ' ' + (data.totals.subtotal).toFixed(3);
+            document.getElementById('display-tax').innerText = currency + ' ' + (data.totals.tax).toFixed(3);
+            document.getElementById('display-discount').innerText = '- ' + currency + ' ' + (data.totals.discount).toFixed(3);
+            document.getElementById('display-total').innerText = currency + ' ' + (data.totals.total).toFixed(3);
             
-            if (!cart || cart.length === 0) {
-                showWelcome();
+            setStatus('Sync: ' + new Date().toLocaleTimeString());
+        }
+
+        // ---------------------------------------------------------
+        // Communication Logic
+        // ---------------------------------------------------------
+        let lastProcessedTimestamp = 0;
+
+        function handleMessage(data) {
+            if (!data) return;
+            
+            // Dedup based on timestamp if provided
+            if (data.timestamp && data.timestamp <= lastProcessedTimestamp) {
                 return;
             }
+            if (data.timestamp) lastProcessedTimestamp = data.timestamp;
 
-            welcomeScreen.classList.add('hidden');
-            cartList.innerHTML = '';
-
-            cart.forEach(item => {
-                const div = document.createElement('div');
-                div.className = 'cart-item';
-                div.innerHTML = `
-                    <div>
-                        <div class="item-name">${item.name_ar} / ${item.name_en}</div>
-                        <div class="item-meta">${item.quantity} x ${parseFloat(item.price).toFixed(3)}</div>
-                    </div>
-                    <div class="item-price">${parseFloat(item.line_total).toFixed(3)}</div>
-                `;
-                cartList.appendChild(div);
-            });
-
-            // Scroll to bottom
-            cartList.scrollTop = cartList.scrollHeight;
-
-            // Update Totals
-            if (totals) {
-                totalEl.innerText = `${currencySymbol} ${parseFloat(totals.total).toFixed(3)}`;
-                taxEl.innerText = parseFloat(totals.tax).toFixed(3);
-                // Calculate item count
-                const count = cart.reduce((acc, item) => acc + parseFloat(item.quantity), 0);
-                countEl.innerText = count;
+            log('New Data: ' + data.type);
+            if (data.type === 'update_cart') {
+                updateDisplay(data);
+            } else if (data.type === 'clear') {
+                welcomeScreen.style.display = 'flex';
+                mainDisplay.style.display = 'none';
+                setStatus('Cleared');
             }
         }
 
-        function showWelcome() {
-            updateStatus('State: Welcome');
-            welcomeScreen.classList.remove('hidden');
-            cartList.innerHTML = '';
-            totalEl.innerText = `${currencySymbol} 0.000`;
-            countEl.innerText = '0';
-            taxEl.innerText = '0.000';
-        }
+        // Server Sync Polling (v8)
+        // The most reliable method when windows are isolated
+        setInterval(() => {
+            fetch('/api/pos/sync/state/')
+                .then(res => res.json())
+                .then(data => {
+                    if (data.status === 'empty') return;
+                    
+                    // If we got data, check timestamp
+                    if (data.timestamp && data.timestamp > lastProcessedTimestamp) {
+                        handleMessage(data);
+                    }
+                })
+                .catch(e => {
+                    // silent fail, maybe offline
+                });
+                
+            // Also keep checking LocalStorage as a backup for same-origin speed
+            try {
+                const raw = localStorage.getItem('pos_cart_update');
+                if (raw) {
+                    const data = JSON.parse(raw);
+                    if (data.timestamp > lastProcessedTimestamp) handleMessage(data);
+                }
+            } catch(e) {}
+
+        }, 1000);
+
+
+        // ---------------------------------------------------------
+        // Diagnostics
+        // ---------------------------------------------------------
+        window.runTestRender = function() {
+            log('Running Test Render');
+            const testData = {
+                type: 'update_cart',
+                timestamp: Date.now(),
+                cart: [
+                    { name_en: 'Test Item A', name_ar: 'منتج تجريبي أ', quantity: 2, price: 10.00 },
+                    { name_en: 'Test Item B', name_ar: 'منتج تجريبي ب', quantity: 1, price: 5.50 }
+                ],
+                totals: { subtotal: 25.50, tax: 3.825, discount: 0, total: 29.325 }
+            };
+            updateDisplay(testData);
+        };
+
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/core/templates/core/pos.html b/core/templates/core/pos.html
index dcd3346..9d89260 100644
--- a/core/templates/core/pos.html
+++ b/core/templates/core/pos.html
@@ -5,65 +5,276 @@
 
 {% block head %}
 <style>
-    .product-card {
-        cursor: pointer;
-        transition: transform 0.2s, box-shadow 0.2s;
-        border: none;
-        border-radius: 12px;
+    /* Full Screen POS Layout Overrides */
+    :root {
+        --pos-cart-width: 420px;
+        --pos-bg: #f1f5f9;
+        --pos-card-bg: #ffffff;
+        --pos-accent: var(--bs-primary);
+    }
+
+    /* Hide default main padding to allow full-screen layout */
+    main {
+        padding: 0 !important;
+        height: calc(100vh - 76px); /* Approx navbar height */
         overflow: hidden;
     }
-    .product-card:hover {
-        transform: translateY(-3px);
-        box-shadow: 0 8px 15px rgba(0,0,0,0.1) !important;
-    }
-    .cart-container {
-        position: sticky;
-        top: 80px;
-        height: calc(100vh - 120px);
+    
+    /* In case sidebar is present, ensure we handle it */
+    #content {
+        height: 100vh;
         display: flex;
         flex-direction: column;
     }
-    .cart-items {
-        flex-grow: 1;
-        overflow-y: auto;
-    }
-    .category-badge {
-        cursor: pointer;
-        padding: 6px 12px;
-        border-radius: 20px;
-        margin-right: 4px;
-        margin-bottom: 4px;
-        display: inline-block;
-        background: #f1f3f5;
-        color: #495057;
-        font-size: 0.85rem;
-        transition: all 0.2s;
-        border: 1px solid transparent;
-    }
-    .category-badge.active {
-        background: var(--bs-primary);
-        color: white;
-        border-color: var(--bs-primary);
-    }
-    .product-name {
-        font-size: 0.75rem;
-        line-height: 1.2;
-        height: auto;
+
+    /* POS Container */
+    .pos-layout {
+        display: flex;
+        height: 100%;
+        width: 100%;
         overflow: hidden;
     }
 
-    .payment-method-btn.active {
-        background-color: var(--bs-primary);
-        color: white;
-        border-color: var(--bs-primary);
+    /* Left Side: Products */
+    .pos-products-section {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        background-color: var(--pos-bg);
+        overflow: hidden;
+        position: relative;
     }
 
-    /* Loyalty Styles */
-    .loyalty-badge {
-        font-size: 0.7rem;
-        padding: 2px 8px;
-        border-radius: 10px;
-        font-weight: bold;
+    .pos-products-header {
+        padding: 1rem 1.5rem;
+        background: white;
+        border-bottom: 1px solid rgba(0,0,0,0.05);
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+        flex-shrink: 0;
+    }
+
+    .pos-categories-bar {
+        padding: 0.5rem 1.5rem;
+        background: white;
+        border-bottom: 1px solid rgba(0,0,0,0.05);
+        overflow-x: auto;
+        white-space: nowrap;
+        -ms-overflow-style: none;  /* IE and Edge */
+        scrollbar-width: none;  /* Firefox */
+        flex-shrink: 0;
+    }
+    .pos-categories-bar::-webkit-scrollbar {
+        display: none;
+    }
+
+    .pos-products-grid-container {
+        flex: 1;
+        padding: 1.5rem;
+        overflow-y: auto;
+    }
+
+    /* Product Card Styling */
+    .product-card {
+        background: var(--pos-card-bg);
+        border: 1px solid transparent;
+        border-radius: 16px;
+        overflow: hidden;
+        cursor: pointer;
+        transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
+        position: relative;
+        height: 100%;
+    }
+    .product-card:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
+        border-color: rgba(var(--bs-primary-rgb), 0.2);
+    }
+    .product-card:active {
+        transform: scale(0.98);
+    }
+    .product-image-container {
+        height: 120px;
+        width: 100%;
+        overflow: hidden;
+        background: #f8f9fa;
+        position: relative;
+    }
+    .product-image-container img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        transition: transform 0.3s;
+    }
+    .product-card:hover .product-image-container img {
+        transform: scale(1.05);
+    }
+    .product-price-badge {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        background: rgba(255, 255, 255, 0.95);
+        padding: 4px 10px;
+        border-radius: 20px;
+        font-weight: 800;
+        color: var(--pos-accent);
+        font-size: 0.85rem;
+        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+    }
+
+    /* Right Side: Cart */
+    .pos-cart-section {
+        width: var(--pos-cart-width);
+        background: white;
+        border-left: 1px solid rgba(0,0,0,0.08);
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        box-shadow: -5px 0 25px rgba(0,0,0,0.03);
+        z-index: 100;
+        flex-shrink: 0;
+    }
+    
+    .pos-cart-header {
+        padding: 1.25rem 1.5rem;
+        border-bottom: 1px solid rgba(0,0,0,0.05);
+        background: white;
+        flex-shrink: 0;
+    }
+
+    .pos-cart-items-area {
+        flex: 1;
+        overflow-y: auto;
+        padding: 1rem;
+    }
+
+    .cart-item-row {
+        background: #fff;
+        border-radius: 12px;
+        padding: 10px;
+        margin-bottom: 10px;
+        border: 1px solid #f0f0f0;
+        transition: all 0.2s;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    .cart-item-row:hover {
+        border-color: var(--bs-primary);
+        background: #f8f9fa;
+    }
+
+    .pos-cart-footer {
+        background: #fff;
+        padding: 1.5rem;
+        border-top: 1px solid rgba(0,0,0,0.08);
+        box-shadow: 0 -5px 20px rgba(0,0,0,0.02);
+        flex-shrink: 0;
+    }
+
+    /* Category Badges (Pill Style) */
+    .nav-pills .nav-link {
+        color: #6c757d;
+        background: #fff;
+        border: 1px solid #e9ecef;
+        border-radius: 50px;
+        padding: 0.5rem 1.25rem;
+        font-size: 0.9rem;
+        margin-right: 0.5rem;
+        font-weight: 600;
+        transition: all 0.2s;
+    }
+    .nav-pills .nav-link.active {
+        background-color: var(--pos-accent);
+        color: white;
+        border-color: var(--pos-accent);
+        box-shadow: 0 4px 10px rgba(var(--bs-primary-rgb), 0.3);
+    }
+    .nav-pills .nav-link:hover:not(.active) {
+        background-color: #f8f9fa;
+        color: #212529;
+    }
+
+    /* Input Styling */
+    .search-input {
+        border: 2px solid transparent;
+        background: #fff;
+        border-radius: 50px;
+        padding-left: 1.25rem;
+        transition: all 0.2s;
+        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+    }
+    .search-input:focus {
+        border-color: var(--pos-accent);
+        background: #fff;
+        box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), 0.1);
+    }
+
+    /* Mobile Responsive */
+    @media (max-width: 991px) {
+        .pos-cart-section {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 100%;
+            height: 100%;
+            transition: right 0.3s ease;
+            z-index: 1050;
+        }
+        .pos-cart-section.show {
+            right: 0;
+        }
+        [dir="rtl"] .pos-cart-section {
+            right: auto;
+            left: -100%;
+            transition: left 0.3s ease;
+        }
+        [dir="rtl"] .pos-cart-section.show {
+            left: 0;
+        }
+        main {
+            height: calc(100vh - 60px); /* Smaller navbar on mobile */
+        }
+    }
+
+    /* Quantity Control Buttons */
+    .qty-btn {
+        width: 28px;
+        height: 28px;
+        border-radius: 50%;
+        border: 1px solid #dee2e6;
+        background: white;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.9rem;
+        color: #495057;
+        transition: all 0.1s;
+    }
+    .qty-btn:hover {
+        background: var(--pos-accent);
+        color: white;
+        border-color: var(--pos-accent);
+    }
+    .qty-btn:active {
+        transform: scale(0.9);
+    }
+
+    /* Scrollbar Styling */
+    ::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+    ::-webkit-scrollbar-thumb {
+        background: #cbd5e1;
+        border-radius: 3px;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+        background: #94a3b8;
     }
 
     /* Invoice Print Styles */
@@ -91,13 +302,6 @@
         .no-print {
             display: none !important;
         }
-        #sidebar, .top-navbar, .btn, .modal {
-            display: none !important;
-        }
-        main {
-            padding: 0 !important;
-            margin: 0 !important;
-        }
     }
 
     #invoice-print {
@@ -122,158 +326,188 @@
 {% endblock %}
 
 {% block content %}
-<div class="container-fluid px-2 px-md-4 no-print">
-    <div class="row g-3 g-lg-4">
-        <!-- Products Section -->
-        <div class="col-lg-8">
-            <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center mb-4 gap-3">
+<div class="pos-layout no-print">
+    <!-- LEFT PANEL: Products & Search -->
+    <div class="pos-products-section">
+        <!-- Top Bar: Title & Actions -->
+        <div class="pos-products-header justify-content-between">
+            <div>
                 <h4 class="fw-bold mb-0">{% trans "Point of Sale" %}</h4>
-            <div class="ms-3 d-flex gap-2">
-                <button class="btn btn-sm btn-outline-secondary" onclick="openCustomerDisplay()" title="{% trans 'Open Customer Screen' %}">
-                    <i class="bi bi-display"></i> <span class="d-none d-md-inline">{% trans "Customer Screen" %}</span>
+                <small class="text-muted">{% now "l, j F Y" %}</small>
+            </div>
+            <div class="d-flex gap-2">
+                <button class="btn btn-light border shadow-sm rounded-pill px-3" onclick="openCustomerDisplay()" title="{% trans 'Open Customer Screen' %}">
+                    <i class="bi bi-display text-primary"></i> <span class="d-none d-md-inline ms-1 small fw-bold">{% trans "Screen" %}</span>
                 </button>
-                <button class="btn btn-sm btn-outline-warning" onclick="broadcastCartUpdate()" title="{% trans 'Force Sync' %}">
-                    <i class="bi bi-arrow-repeat"></i> <span class="d-none d-md-inline">{% trans "Sync" %}</span>
+                <button class="btn btn-light border shadow-sm rounded-pill px-3" onclick="broadcastCartUpdate()" title="{% trans 'Force Sync' %}">
+                    <i class="bi bi-arrow-repeat text-warning"></i> <span class="d-none d-md-inline ms-1 small fw-bold">{% trans "Sync" %}</span>
                 </button>
             </div>
-                <div class="input-group w-100 w-md-50">
-                    <span class="input-group-text bg-white border-end-0"><i class="bi bi-search"></i></span>
-                    <input type="text" id="productSearch" class="form-control border-start-0 shadow-none" placeholder="{% trans 'Search products...' %}">
-                </div>
-            </div>
+        </div>
 
-            <div class="mb-4 overflow-auto text-nowrap pb-2">
-                <div class="category-badge active" data-category="all">{% trans "All" %}</div>
+        <!-- Search & Filter Bar -->
+        <div class="pos-products-header pt-0 border-bottom-0 pb-2">
+            <div class="position-relative w-100">
+                <i class="bi bi-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i>
+                <input type="text" id="productSearch" class="form-control form-control-lg search-input ps-5 shadow-sm" placeholder="{% trans 'Search products by name or barcode...' %}">
+            </div>
+        </div>
+
+        <!-- Categories Strip -->
+        <div class="pos-categories-bar">
+            <div class="nav nav-pills flex-nowrap" id="categoryTabs" role="tablist">
+                <button class="nav-link active category-badge" data-category="all">{% trans "All Items" %}</button>
                 {% for category in categories %}
-                <div class="category-badge" data-category="{{ category.id }}">
+                <button class="nav-link category-badge" data-category="{{ category.id }}">
                     {{ category.name_ar }} / {{ category.name_en }}
-                </div>
+                </button>
                 {% endfor %}
             </div>
+        </div>
 
-            <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 row-cols-xl-6 g-2" id="productGrid">
+        <!-- Scrollable Product Grid -->
+        <div class="pos-products-grid-container custom-scrollbar">
+            <div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-3" id="productGrid">
                 {% for product in products %}
                 <div class="col product-item" data-category="{{ product.category.id }}" data-name-en="{{ product.name_en|lower }}" data-name-ar="{{ product.name_ar }}">
-                    <div class="card h-100 shadow-sm product-card p-1" onclick="addToCart({{ product.id|unlocalize }}, '{{ product.name_en|escapejs }}', '{{ product.name_ar|escapejs }}', {{ product.price|unlocalize }}, {{ product.vat|default:site_settings.tax_rate|default:0|unlocalize }})">
-                        {% if product.image %}
-                        <img src="{{ product.image.url }}" class="card-img-top rounded-3" alt="{{ product.name_en }}" style="height: 80px; object-fit: cover;">
-                        {% else %}
-                        <div class="bg-light rounded-3 d-flex align-items-center justify-content-center" style="height: 80px;">
-                            <i class="bi bi-image text-muted opacity-25" style="font-size: 1.5rem;"></i>
-                        </div>
-                        {% endif %}
-                        <div class="card-body p-1 text-center">
-                            <div class="product-name fw-bold mb-1">
-                                <div dir="rtl">{{ product.name_ar }}</div>
-                                <div class="small text-muted fw-normal" style="font-size: 0.65rem;">{{ product.name_en }}</div>
+                    <div class="product-card shadow-sm" onclick="addToCart({{ product.id|unlocalize }}, '{{ product.name_en|escapejs }}', '{{ product.name_ar|escapejs }}', {{ product.price|unlocalize }}, {{ product.vat|default:site_settings.tax_rate|default:0|unlocalize }})">
+                        <div class="product-image-container">
+                             {% if product.image %}
+                            <img src="{{ product.image.url }}" alt="{{ product.name_en }}">
+                            {% else %}
+                            <div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted">
+                                <i class="bi bi-image fs-1 opacity-25"></i>
                             </div>
-                            <p class="text-primary fw-bold mb-0" style="font-size: 0.8rem;">{{ site_settings.currency_symbol }}{{ product.price|floatformat:decimal_places }}</p>
-                            <small class="text-muted d-block" style="font-size: 0.65rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{% trans "Stock" %}: {{ product.stock_quantity }}</small>
+                            {% endif %}
+                        </div>
+                        <div class="product-price-badge">
+                            {{ site_settings.currency_symbol }}{{ product.price|floatformat:decimal_places }}
+                        </div>
+                        <div class="p-3 text-center">
+                            <h6 class="fw-bold mb-1 text-truncate" dir="rtl">{{ product.name_ar }}</h6>
+                            <small class="text-muted d-block text-truncate mb-2">{{ product.name_en }}</small>
+                            <span class="badge bg-light text-secondary border rounded-pill fw-normal">{% trans "Stock" %}: {{ product.stock_quantity }}</span>
                         </div>
                     </div>
                 </div>
                 {% endfor %}
             </div>
         </div>
+    </div>
 
-        <!-- Cart Section -->
-        <div class="col-lg-4">
-            <div class="card border-0 shadow-sm rounded-4 cart-container" id="posCart">
-                <div class="card-header bg-white border-0 pt-4 px-4 d-flex justify-content-between align-items-center">
-                    <div class="d-flex align-items-center">
-                        <button class="btn btn-link d-lg-none text-dark p-0 me-3" onclick="toggleMobileCart()">
-                            <i class="bi bi-chevron-left fs-4"></i>
-                        </button>
-                        <h5 class="fw-bold mb-0">{% trans "Current Order" %}</h5>
-                    </div>
-                    <div class="d-flex gap-2 align-items-center">
-                        <button class="btn btn-sm btn-outline-warning shadow-none position-relative" onclick="loadHeldSales()" data-bs-toggle="modal" data-bs-target="#heldSalesModal">
-                            <i class="bi bi-clock-history"></i>
-                            <span id="heldCountBadge" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger d-none">0</span>
-                        </button>
-                        <button class="btn btn-sm btn-link text-danger text-decoration-none p-0" onclick="clearCart()">
-                            <i class="bi bi-trash"></i> {% trans "Clear" %}
-                        </button>
-                    </div>
-                </div>
-                
-                <div class="px-4 mt-2">
-                    <div class="d-flex gap-2 mb-2">
-                        <div class="position-relative w-100"><input type="hidden" id="customerSelect" value="" onchange="onCustomerChange()"><div class="input-group input-group-sm"><span class="input-group-text bg-white border-end-0"><i class="bi bi-search"></i></span><input type="text" id="customerSearchInput" class="form-control border-start-0 shadow-none" placeholder="{% trans 'Search Name / Phone...' %}" autocomplete="off"><button class="btn btn-outline-secondary border-start-0" type="button" onclick="clearCustomerSelection()" id="clearCustomerBtn" style="display:none;"><i class="bi bi-x"></i></button></div><div id="customerSearchResults" class="list-group position-absolute w-100 shadow-sm d-none" style="z-index: 1050; max-height: 250px; overflow-y: auto; top: 100%;"></div></div>
-                        <button class="btn btn-sm btn-outline-primary shadow-none" data-bs-toggle="modal" data-bs-target="#addCustomerModal">
-                            <i class="bi bi-person-plus"></i>
-                        </button>
-                    </div>
-                    
-                    <!-- Loyalty Info Display -->
-                    <div id="loyaltyInfo" class="d-none bg-light p-2 rounded-3 mb-2 animate__animated animate__fadeIn">
-                        <div class="d-flex justify-content-between align-items-center">
-                            <span class="small fw-bold text-muted"><i class="bi bi-star-fill text-warning me-1"></i> {% trans "Loyalty" %}</span>
-                            <span id="loyaltyTierBadge" class="loyalty-badge text-white"></span>
-                        </div>
-                        <div class="d-flex justify-content-between mt-1">
-                            <span class="small text-muted">{% trans "Available Points" %}</span>
-                            <span id="loyaltyPointsDisplay" class="small fw-bold">0.00</span>
-                        </div>
-                    </div>
-                </div>
-                
-                <div class="card-body px-4 py-3 cart-items">
-                    <div id="cartItemsList">
-                        <!-- Cart items will be injected here -->
-                    </div>
-                    <div class="text-center py-5 text-muted opacity-50" id="emptyCartMsg">
-                        <i class="bi bi-cart3 display-1 d-block mb-3"></i>
-                        {% trans "Your cart is empty" %}
-                    </div>
-                </div>
+    <!-- RIGHT PANEL: Cart -->
+    <div class="pos-cart-section" id="posCart">
+        <!-- Cart Header -->
+        <div class="pos-cart-header d-flex justify-content-between align-items-center">
+            <div class="d-flex align-items-center">
+                <button class="btn btn-link d-lg-none text-dark p-0 me-3" onclick="toggleMobileCart()">
+                    <i class="bi bi-chevron-left fs-4"></i>
+                </button>
+                <h5 class="fw-bold mb-0">{% trans "Current Order" %}</h5>
+            </div>
+            <div>
+                 <button class="btn btn-sm btn-light text-danger border-0 rounded-pill px-3" onclick="clearCart()">
+                    <i class="bi bi-trash me-1"></i> {% trans "Clear" %}
+                </button>
+            </div>
+        </div>
 
-                <div class="card-footer bg-light border-0 p-4 rounded-bottom-4 mt-auto">
-                    <div class="d-flex justify-content-between mb-2">
-                        <span class="small">{% trans "Subtotal" %}</span>
-                        <span id="subtotalAmount" class="small">{{ site_settings.currency_symbol }}0.000</span>
-                    </div>
-                     <div class="d-flex justify-content-between mb-2">
-                        <span class="small">{% trans "VAT" %}</span>
-                        <span id="taxAmount" class="small">{{ site_settings.currency_symbol }}0.000</span>
-                    </div>
-                    <div class="d-flex justify-content-between align-items-center mb-2">
-                        <span class="small">{% trans "Discount" %}</span>
-                        <div class="input-group input-group-sm w-50">
-                            <input type="number" id="discountInput" class="form-control text-end shadow-none" value="0" min="0" step="0.001" onchange="updateTotals()">
-                            <span class="input-group-text bg-white border-start-0 small">{{ site_settings.currency_symbol }}</span>
-                        </div>
-                    </div>
-                    <div class="d-flex justify-content-between mb-3 pt-2 border-top">
-                        <span class="fw-bold fs-5">{% trans "Total" %}</span>
-                        <span class="fw-bold fs-5 text-primary" id="totalAmount">{{ site_settings.currency_symbol }}0.000</span>
-                    </div>
-                    
-                    <div class="row g-2">
-                        <div class="col-9">
-                            <button id="payNowBtn" class="btn btn-primary w-100 py-3 fw-bold rounded-3 shadow-none" onclick="checkout()" disabled>
-                                {% trans "PAY NOW" %}
-                            </button>
-                        </div>
-                        <div class="col-3">
-                            <button id="holdBtn" class="btn btn-warning w-100 py-3 fw-bold rounded-3 shadow-none" onclick="holdSale()" disabled title="{% trans 'Hold Order' %}">
-                                <i class="bi bi-pause-fill fs-4"></i>
-                            </button>
-                        </div>
+        <!-- Customer Selector (Fixed at top of cart) -->
+        <div class="px-4 py-3 border-bottom bg-light">
+             <div class="d-flex gap-2 mb-2">
+                <div class="position-relative w-100">
+                    <input type="hidden" id="customerSelect" value="" onchange="onCustomerChange()">
+                    <div class="input-group">
+                        <span class="input-group-text bg-white border-end-0 rounded-start-pill ps-3"><i class="bi bi-person text-muted"></i></span>
+                        <input type="text" id="customerSearchInput" class="form-control border-start-0 rounded-end-pill shadow-none" placeholder="{% trans 'Customer...' %}" autocomplete="off">
+                        <button class="btn btn-link position-absolute end-0 top-50 translate-middle-y text-muted text-decoration-none z-3 pe-3" type="button" onclick="clearCustomerSelection()" id="clearCustomerBtn" style="display:none;"><i class="bi bi-x-circle-fill"></i></button>
                     </div>
+                    <div id="customerSearchResults" class="list-group position-absolute w-100 shadow-lg mt-1 rounded-3 overflow-hidden d-none" style="z-index: 1050; max-height: 250px; overflow-y: auto;"></div>
+                </div>
+                <button class="btn btn-primary shadow-sm rounded-circle d-flex align-items-center justify-content-center" style="width: 38px; height: 38px;" data-bs-toggle="modal" data-bs-target="#addCustomerModal">
+                    <i class="bi bi-plus-lg"></i>
+                </button>
+            </div>
+            
+            <!-- Loyalty Info -->
+            <div id="loyaltyInfo" class="d-none mt-2 p-2 bg-white rounded-3 border border-warning-subtle d-flex justify-content-between align-items-center">
+                 <div class="d-flex align-items-center gap-2">
+                    <i class="bi bi-star-fill text-warning"></i>
+                    <span id="loyaltyTierBadge" class="badge bg-warning text-dark rounded-pill"></span>
+                 </div>
+                 <div class="small fw-bold">
+                    <span id="loyaltyPointsDisplay">0</span> {% trans "Pts" %}
+                 </div>
+            </div>
+            
+             <div class="d-flex justify-content-between align-items-center mt-2">
+                <button class="btn btn-sm btn-outline-secondary border-0 small py-0" onclick="loadHeldSales()" data-bs-toggle="modal" data-bs-target="#heldSalesModal">
+                    <i class="bi bi-clock-history me-1"></i> {% trans "Held Orders" %}
+                    <span id="heldCountBadge" class="badge bg-danger rounded-pill ms-1 d-none">0</span>
+                </button>
+                <div id="syncIndicator" class="sync-indicator badge bg-success-subtle text-success border border-success-subtle rounded-pill">
+                    <i class="bi bi-check2-circle me-1"></i> {% trans "Syncing" %}
+                </div>
+            </div>
+        </div>
+
+        <!-- Cart Items (Scrollable) -->
+        <div class="pos-cart-items-area custom-scrollbar" id="cartItemsList">
+            <!-- Items injected via JS -->
+        </div>
+        
+        <!-- Empty State -->
+        <div id="emptyCartMsg" class="d-flex flex-column align-items-center justify-content-center h-50 text-muted opacity-50">
+            <i class="bi bi-basket3 display-1 mb-3"></i>
+            <p>{% trans "Cart is empty" %}</p>
+        </div>
+
+        <!-- Footer: Totals & Checkout -->
+        <div class="pos-cart-footer mt-auto">
+            <div class="d-flex justify-content-between mb-1">
+                <span class="text-muted small">{% trans "Subtotal" %}</span>
+                <span id="subtotalAmount" class="fw-bold small">{{ site_settings.currency_symbol }}0.000</span>
+            </div>
+             <div class="d-flex justify-content-between mb-1">
+                <span class="text-muted small">{% trans "VAT" %}</span>
+                <span id="taxAmount" class="fw-bold small">{{ site_settings.currency_symbol }}0.000</span>
+            </div>
+            <div class="d-flex justify-content-between align-items-center mb-3">
+                <span class="text-muted small">{% trans "Discount" %}</span>
+                <div class="input-group input-group-sm w-25">
+                    <input type="number" id="discountInput" class="form-control text-end border-0 bg-light rounded" value="0" min="0" step="0.001" onchange="updateTotals()">
+                </div>
+            </div>
+            
+            <div class="d-flex justify-content-between align-items-end mb-4 pt-3 border-top">
+                <span class="fs-5 fw-bold text-dark">{% trans "Total" %}</span>
+                <span class="fs-2 fw-bold text-primary lh-1" id="totalAmount">{{ site_settings.currency_symbol }}0.000</span>
+            </div>
+            
+            <div class="row g-2">
+                <div class="col-3">
+                    <button id="holdBtn" class="btn btn-warning w-100 py-3 rounded-4 border-0 shadow-sm" onclick="holdSale()" disabled title="{% trans 'Hold Order' %}">
+                        <i class="bi bi-pause-fill fs-4 text-white"></i>
+                    </button>
+                </div>
+                <div class="col-9">
+                    <button id="payNowBtn" class="btn btn-primary w-100 py-3 fw-bold rounded-4 shadow-lg border-0 d-flex align-items-center justify-content-center gap-2" onclick="checkout()" disabled>
+                        <span>{% trans "PAY NOW" %}</span> <i class="bi bi-arrow-right"></i>
+                    </button>
                 </div>
             </div>
         </div>
     </div>
     
-    <!-- Mobile View Cart FAB -->
-    <button class="btn btn-primary mobile-cart-toggle shadow-lg" onclick="toggleMobileCart()">
-        <i class="bi bi-cart-fill me-2"></i>
-        <span>{% trans "View Cart" %}</span>
+    <!-- Mobile Cart Toggle FAB -->
+     <button class="btn btn-primary mobile-cart-toggle shadow-lg d-lg-none" onclick="toggleMobileCart()">
+        <i class="bi bi-basket2-fill me-2"></i>
+        <span>{% trans "View Order" %}</span>
         <span class="badge bg-white text-primary ms-2 rounded-pill" id="mobileCartCountBadge">0</span>
     </button>
 </div>
 
+<!-- Modals (Add Customer, Held Sales, Payment, Receipt) -->
 <!-- Add Customer Modal -->
 <div class="modal fade no-print" id="addCustomerModal" tabindex="-1">
     <div class="modal-dialog">
@@ -530,6 +764,7 @@
     const currency = '{{ site_settings.currency_symbol|escapejs }}';
     const decimalPlaces = {{ site_settings.decimal_places|default:3 }};
     const loyaltyEnabled = {{ settings.loyalty_enabled|yesno:"true,false" }};
+    const syncIndicator = document.getElementById('syncIndicator');
 
     function formatAmount(amount) {
         return parseFloat(amount).toFixed(decimalPlaces);
@@ -607,6 +842,7 @@
 
         if (cart.length === 0) {
             emptyMsg.classList.remove('d-none');
+            emptyMsg.classList.add('d-flex');
             listContainer.innerHTML = '';
             updateTotals();
             payBtn.disabled = true;
@@ -615,22 +851,23 @@
         }
 
         emptyMsg.classList.add('d-none');
+        emptyMsg.classList.remove('d-flex');
         payBtn.disabled = false;
         holdBtn.disabled = false;
         let html = '';
 
         cart.forEach(item => {
             html += `
-                <div class="d-flex justify-content-between align-items-center mb-3">
-                    <div style="flex: 1;">
-                        <div class="fw-bold small" dir="rtl">${item.name_ar}</div>
-                        <div class="text-muted" style="font-size: 0.7rem;">${item.name_en}</div>
-                        <div class="text-muted small">${currency} ${formatAmount(item.price)} x ${parseFloat(item.quantity).toFixed(2)}</div>
+                <div class="cart-item-row slide-in-bottom">
+                    <div class="flex-grow-1 overflow-hidden me-2">
+                        <div class="fw-bold text-dark text-truncate" dir="rtl">${item.name_ar}</div>
+                        <div class="text-muted small text-truncate" style="font-size: 0.75rem;">${item.name_en}</div>
+                        <div class="text-primary fw-bold" style="font-size: 0.85rem;">${currency} ${formatAmount(item.line_total)}</div>
                     </div>
                     <div class="d-flex align-items-center gap-2">
-                        <button class="btn btn-sm btn-outline-secondary rounded-circle" style="width:24px; height:24px; padding:0; display:flex; align-items:center; justify-content:center;" onclick="updateQuantity(${item.id}, -1)">-</button>
-                        <span class="fw-bold small">${parseFloat(item.quantity).toFixed(2)}</span>
-                        <button class="btn btn-sm btn-outline-secondary rounded-circle" style="width:24px; height:24px; padding:0; display:flex; align-items:center; justify-content:center;" onclick="updateQuantity(${item.id}, 1)">+</button>
+                        <button class="qty-btn" onclick="updateQuantity(${item.id}, -1)"><i class="bi bi-dash"></i></button>
+                        <span class="fw-bold" style="min-width: 25px; text-align: center;">${parseFloat(item.quantity).toFixed(0)}</span>
+                        <button class="qty-btn" onclick="updateQuantity(${item.id}, 1)"><i class="bi bi-plus"></i></button>
                     </div>
                 </div>
             `;
@@ -638,6 +875,9 @@
 
         listContainer.innerHTML = html;
         updateTotals();
+        
+        // Auto scroll to bottom
+        listContainer.scrollTop = listContainer.scrollHeight;
     }
 
     function checkout() {
@@ -1099,6 +1339,8 @@
 
     // Search and Category Filtering
     document.getElementById('productSearch').addEventListener('input', filterProducts);
+    
+    // Updated Logic for new Pill buttons
     document.querySelectorAll('.category-badge').forEach(badge => {
         badge.addEventListener('click', function() {
             document.querySelectorAll('.category-badge').forEach(b => b.classList.remove('active'));
@@ -1198,6 +1440,12 @@ document.addEventListener('click', function(e) {
     // Customer Display Logic
     let customerDisplayWindow = null;
     const displayChannel = new BroadcastChannel('pos_channel');
+    
+    // EXPOSE DATA GLOBALLY for window.opener access
+    window.lastCartData = null;
+    window.getPosCartData = function() {
+        return window.lastCartData;
+    };
 
     function openCustomerDisplay() {
         if (customerDisplayWindow && !customerDisplayWindow.closed) {
@@ -1222,6 +1470,17 @@ document.addEventListener('click', function(e) {
         const discount = parseFloat(document.getElementById('discountInput').value) || 0;
         const total = Math.max(0, subtotal + totalVat - discount);
         
+        // Indicate Sync
+        syncIndicator.classList.remove('bg-success-subtle', 'text-success');
+        syncIndicator.classList.add('bg-success', 'text-white');
+        syncIndicator.innerHTML = '<i class="bi bi-arrow-repeat me-1 spin"></i> Syncing';
+        
+        setTimeout(() => {
+            syncIndicator.classList.remove('bg-success', 'text-white');
+            syncIndicator.classList.add('bg-success-subtle', 'text-success');
+             syncIndicator.innerHTML = '<i class="bi bi-check2-circle me-1"></i> Synced';
+        }, 800);
+        
         const msg = {
             type: 'update_cart',
             timestamp: Date.now(),
@@ -1234,26 +1493,64 @@ document.addEventListener('click', function(e) {
             }
         };
 
+        // Update Global Data for Direct Link
+        window.lastCartData = msg;
+
+        const jsonMsg = JSON.stringify(msg);
+
         // 1. BroadcastChannel
         try { displayChannel.postMessage(msg); } catch(e) { console.error('BC Error:', e); }
         
         // 2. Direct Window
         if (customerDisplayWindow && !customerDisplayWindow.closed) {
-            customerDisplayWindow.postMessage(msg, '*');
+            try {
+                customerDisplayWindow.postMessage(msg, '*');
+            } catch(e) {}
         }
         
-        // 3. LocalStorage Fallback (triggers 'storage' event in other tabs)
-        localStorage.setItem('pos_cart_update', JSON.stringify(msg));
-        console.log('[POS] Cart Broadcast Sent');
+        // 3. LocalStorage
+        localStorage.setItem('pos_cart_update', jsonMsg);
+        
+        // 4. Cookie Fallback (Robust cross-context/iframe sharing)
+        try {
+            // Encode and set cookie (expires in 1 day)
+            // We use 'path=/' to ensure it's visible to the whole app
+            document.cookie = "pos_active_cart=" + encodeURIComponent(jsonMsg) + "; path=/; SameSite=Lax";
+        } catch(e) {
+            console.error('Cookie Set Error:', e);
+        }
+
+        // 5. SERVER SYNC (The Fix for Isolated Windows)
+        fetch('/api/pos/sync/update/', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: jsonMsg
+        }).then(r => console.log('[POS] Server Sync:', r.status))
+          .catch(e => console.error('[POS] Server Sync Failed:', e));
+
+        console.log('[POS] Cart Broadcast Sent (BC, Win, LS, Cookie, Direct, SERVER)');
     }
 
     function broadcastClear() {
         const msg = { type: 'clear' };
+        
+        window.lastCartData = msg;
+        
         displayChannel.postMessage(msg);
         if (customerDisplayWindow && !customerDisplayWindow.closed) {
             customerDisplayWindow.postMessage(msg, '*');
         }
         localStorage.setItem('pos_cart_update', JSON.stringify(msg));
+        // Clear cookie
+        document.cookie = "pos_active_cart=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Lax";
+        
+        // Server Clear
+        fetch('/api/pos/sync/update/', {
+            method: 'POST',
+            body: JSON.stringify(msg)
+        }).catch(e => console.error('Server Clear Failed', e));
     }
 
 </script>
diff --git a/core/urls.py b/core/urls.py
index d37296f..d6d61df 100644
--- a/core/urls.py
+++ b/core/urls.py
@@ -65,6 +65,10 @@ urlpatterns = [
     path('expenses/categories/', views.expense_categories_view, name='expense_categories'),
     path('expenses/categories/delete/<int:pk>/', views.expense_category_delete_view, name='expense_category_delete'),
 
+    # POS Sync
+    path('api/pos/sync/update/', views.pos_sync_update, name='pos_sync_update'),
+    path('api/pos/sync/state/', views.pos_sync_state, name='pos_sync_state'),
+
     # API / Actions
     path('api/create-sale/', views.create_sale_api, name='create_sale_api'),
     path('api/update-sale/<int:pk>/', views.update_sale_api, name='update_sale_api'),
@@ -129,4 +133,4 @@ urlpatterns = [
     path('settings/devices/add/', views.add_device, name='add_device'),
     path('settings/devices/edit/<int:pk>/', views.edit_device, name='edit_device'),
     path('settings/devices/delete/<int:pk>/', views.delete_device, name='delete_device'),
-]
+]
\ No newline at end of file
diff --git a/core/views.py b/core/views.py
index a0dcf28..00672b0 100644
--- a/core/views.py
+++ b/core/views.py
@@ -2591,4 +2591,29 @@ def customer_display(request):
     Render the Customer Facing Display screen.
     """
     settings = SystemSetting.objects.first()
-    return render(request, "core/customer_display.html", {"settings": settings})
\ No newline at end of file
+    return render(request, "core/customer_display.html", {"settings": settings})
+@csrf_exempt
+def pos_sync_update(request):
+    """
+    Saves the POS cart state to the user's session for the Customer Display to pick up.
+    """
+    if request.method == 'POST':
+        try:
+            data = json.loads(request.body)
+            # Store the cart data in the session
+            request.session['pos_cart_state'] = data
+            request.session.modified = True 
+            return JsonResponse({'status': 'ok', 'timestamp': timezone.now().timestamp()})
+        except Exception as e:
+            return JsonResponse({'status': 'error', 'message': str(e)}, status=400)
+    return JsonResponse({'status': 'error', 'message': 'Invalid method'}, status=405)
+
+def pos_sync_state(request):
+    """
+    Returns the POS cart state from the session.
+    """
+    data = request.session.get('pos_cart_state', None)
+    if data is None:
+         # Return a special flag if no state is found yet
+        return JsonResponse({'status': 'empty'}, safe=False)
+    return JsonResponse(data, safe=False)