modules/SmOS_CC/admin/chef.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 · Chef</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=15">
</head>
<body class="admin-app admin-app--chef">
  <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 is-active" href="chef.html">Chef</a>
      <a class="admin-nav__item" href="barista.html">Barista</a>
      <a class="admin-nav__item" 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">Kitchen</p>
        <h2>Chef</h2>
      </div>
      <div class="admin-topbar__actions">
        <button type="button" class="admin-btn admin-btn--ghost" data-chef-refresh>↻</button>
        <span class="admin-live" data-admin-live aria-live="polite">Live</span>
      </div>
    </header>

    <section class="admin-period" role="tablist" aria-label="Kitchen station">
      <button type="button" class="admin-period__chip is-active" data-chef-kitchen="cafe" role="tab" aria-selected="true">Cafe chef</button>
      <button type="button" class="admin-period__chip" data-chef-kitchen="indian" role="tab" aria-selected="false">Indian cuisine</button>
    </section>

    <section class="admin-period admin-period--sub" role="group" aria-label="Chef filter">
      <button type="button" class="admin-period__chip is-active" data-chef-filter="active">Queue</button>
      <button type="button" class="admin-period__chip" data-chef-filter="online">Online</button>
      <button type="button" class="admin-period__chip" data-chef-filter="sitting-in">Sit-in</button>
      <button type="button" class="admin-period__chip" data-chef-filter="done">Done</button>
    </section>

    <p class="chef-hint">Food by kitchen · table / order ID · not started → in progress → done</p>

    <section class="chef-board" data-chef-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="admin.js?v=15" defer></script>
  <script>
    document.addEventListener("DOMContentLoaded", () => {
      if (window.SmOSAdmin) window.SmOSAdmin.initChef();
    });
  </script>
</body>
</html>