Prorotyp ekranu v3

public/assets/js/stolik2_api.js

@@ -400,7 +400,7 @@ window.selectedAnimationHtml = null;
     }
 
     fetchOrders();
-    setInterval(fetchOrders, 3000);
+    setInterval(fetchOrders, 10000);
 
     // --- CALL WAITER LOGIC ---
     let billState = { payment: '', doc: '', nip: '', company: null };
@@ -431,6 +431,21 @@ window.selectedAnimationHtml = null;
       }
     };
 
+    window.openWaiterDialog = function() {
+      document.getElementById("waiterModal").classList.add("active");
+      document.body.style.overflow = 'hidden';
+    };
+
+    window.closeWaiterDialog = function() {
+      document.getElementById("waiterModal").classList.remove("active");
+      document.body.style.overflow = '';
+    };
+
+    window.confirmCallWaiter = function() {
+      closeWaiterDialog();
+      callWaiter('order');
+    };
+
     window.openBillDialog = async function() {
       billState = { payment: '', doc: '', nip: '', company: null, selectedBillId: null };
       document.getElementById("billModal").classList.add("active");

public/assets/js/stolik3_api.js

@@ -400,7 +400,7 @@ window.selectedAnimationHtml = null;
     }
 
     fetchOrders();
-    setInterval(fetchOrders, 3000);
+    setInterval(fetchOrders, 10000);
 
     // --- CALL WAITER LOGIC ---
     let billState = { payment: '', doc: '', nip: '', company: null };
@@ -431,6 +431,21 @@ window.selectedAnimationHtml = null;
       }
     };
 
+    window.openWaiterDialog = function() {
+      document.getElementById("waiterModal").classList.add("active");
+      document.body.style.overflow = 'hidden';
+    };
+
+    window.closeWaiterDialog = function() {
+      document.getElementById("waiterModal").classList.remove("active");
+      document.body.style.overflow = '';
+    };
+
+    window.confirmCallWaiter = function() {
+      closeWaiterDialog();
+      callWaiter('order');
+    };
+
     window.openBillDialog = async function() {
       billState = { payment: '', doc: '', nip: '', company: null, selectedBillId: null };
       document.getElementById("billModal").classList.add("active");

public/stolik2_api.html

@@ -29,8 +29,8 @@
       <section class="action-card">
         <h3>Przywołaj kelnera</h3>
         <div class="action-buttons">
-          <button class="btn btn-primary action-btn" onclick="callWaiter('order')">
+          <button class="btn btn-primary action-btn" onclick="openWaiterDialog()">
-            <span>🛎️</span> Złóż zamówienie
+            <span>🛎️</span> Przywołaj kelnera
           </button>
           <button class="btn btn-secondary action-btn" onclick="openBillDialog()">
             <span>💳</span> Poproś o rachunek
@@ -76,6 +76,21 @@
     </main>
   </div>
 
+  <!-- WAITER DIALOG -->
+  <div class="modal-overlay" id="waiterModal">
+    <div class="modal-content" style="text-align: center;">
+      <div style="font-size: 48px; margin-bottom: 15px;">🛎️</div>
+      <h3 style="margin-top: 0; color: var(--text-main); font-family: 'Playfair Display', serif; font-size: 24px;">Przywołać obsługę?</h3>
+      <p style="color: var(--text-muted); font-size: 15px; margin-bottom: 25px; line-height: 1.5;">
+        Kelner otrzyma natychmiastowe powiadomienie na swoim panelu i podejdzie do Twojego stolika najszybciej jak to możliwe.
+      </p>
+      <div style="display: flex; gap: 12px; flex-direction: column;">
+        <button class="btn btn-primary" onclick="confirmCallWaiter()" style="padding: 14px; font-size: 16px;">Tak, poproś kelnera</button>
+        <button class="btn btn-secondary" onclick="closeWaiterDialog()" style="padding: 14px;">Anuluj</button>
+      </div>
+    </div>
+  </div>
+
   <!-- BILL DIALOG -->
   <div class="modal-overlay" id="billModal">
     <div class="modal-content">

public/stolik3_api.html

@@ -88,7 +88,7 @@
       <span class="nav-icon">📖</span>
       <span class="nav-label">Menu</span>
     </div>
-    <div class="nav-item action-call" onclick="callWaiter('order')">
+    <div class="nav-item action-call" onclick="openWaiterDialog()">
       <span class="nav-icon">🛎️</span>
       <span class="nav-label">Kelner</span>
     </div>
@@ -98,6 +98,21 @@
     </div>
   </nav>
 
+  <!-- WAITER DIALOG -->
+  <div class="modal-overlay" id="waiterModal">
+    <div class="modal-content" style="text-align: center;">
+      <div style="font-size: 48px; margin-bottom: 15px;">🛎️</div>
+      <h3 style="margin-top: 0; color: var(--text-main); font-family: 'Playfair Display', serif; font-size: 24px;">Przywołać obsługę?</h3>
+      <p style="color: var(--text-muted); font-size: 15px; margin-bottom: 25px; line-height: 1.5;">
+        Kelner otrzyma natychmiastowe powiadomienie na swoim panelu i podejdzie do Twojego stolika najszybciej jak to możliwe.
+      </p>
+      <div style="display: flex; gap: 12px; flex-direction: column;">
+        <button class="btn btn-primary" onclick="confirmCallWaiter()" style="padding: 14px; font-size: 16px;">Tak, poproś kelnera</button>
+        <button class="btn btn-secondary" onclick="closeWaiterDialog()" style="padding: 14px;">Anuluj</button>
+      </div>
+    </div>
+  </div>
+
   <!-- BILL DIALOG -->
   <div class="modal-overlay" id="billModal">
     <div class="modal-content">