modules/SmOS_CC/admin/waiter.html

<!DOCTYPE html>
<html lang="en" data-module="SmOS_CC">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HAH restaurant · Waiter</title>
  <link rel="icon" type="image/svg+xml" href="../assets/logo-c.svg">
  <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=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="admin.css?v=16">
</head>
<body class="admin-app">
  <aside class="admin-sidebar">
    <div class="admin-sidebar__brand">
      <p class="admin-sidebar__eyebrow"><span data-module-id>SmOS_CC</span></p>
      <h1 data-module-name>HAH restaurant</h1>
    </div>
    <nav class="admin-nav">
      <a class="admin-nav__item" href="home.html">Home</a>
      <a class="admin-nav__item" href="dashboard.html">Orders</a>
      <a class="admin-nav__item" href="chef.html">Chef</a>
      <a class="admin-nav__item" href="barista.html">Barista</a>
      <a class="admin-nav__item is-active" href="waiter.html">Waiter</a>
    </nav>
    <div class="admin-sidebar__foot">
      <button type="button" class="admin-nav__item admin-nav__item--ghost" data-admin-logout>Out</button>
    </div>
  </aside>

  <main class="admin-main">
    <header class="admin-topbar">
      <div>
        <p class="admin-topbar__eyebrow">Floor</p>
        <h2>Waiter</h2>
      </div>
      <div class="admin-topbar__actions">
        <button type="button" class="admin-btn admin-btn--ghost" data-waiter-refresh>↻</button>
        <span class="admin-live" data-admin-live aria-live="polite">Live</span>
      </div>
    </header>

    <section class="admin-period" role="group" aria-label="Waiter filter">
      <button type="button" class="admin-period__chip is-active" data-waiter-filter="ready">Ready</button>
      <button type="button" class="admin-period__chip" data-waiter-filter="food">Food</button>
      <button type="button" class="admin-period__chip" data-waiter-filter="drinks">Drinks</button>
      <button type="button" class="admin-period__chip" data-waiter-filter="served">Served</button>
      <button type="button" class="admin-period__chip" data-waiter-filter="tables">Tables</button>
    </section>

    <p class="chef-hint" data-waiter-hint>Completed food / drinks ready to take · table / order ID</p>

    <section class="chef-board" data-waiter-board>
      <p class="admin-empty">Loading…</p>
    </section>
  </main>

  <script src="../admin-config.js?v=1" defer></script>
  <script src="../menu-data.js?v=1" defer></script>
  <script src="../receipt.js?v=1" defer></script>
  <script src="admin.js?v=17" defer></script>
  <script>
    document.addEventListener("DOMContentLoaded", () => {
      if (window.SmOSAdmin) window.SmOSAdmin.initWaiter();
    });
  </script>
</body>
</html>