| <!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>Corner Cafe · 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>Corner Cafe</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> |
|
|
