Prorotyp ekranu v3

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')">
-            <span>🛎️</span> Złóż zamówienie
+          <button class="btn btn-primary action-btn" onclick="openWaiterDialog()">
+            <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">