Prorotyp ekranu v3

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">