@vite(['resources/css/app.css', 'resources/js/app.js']) {{-- NAV --}} {{-- Spacer so content starts below the fixed nav --}}
{{-- STICKY TOP: order type + table selector + search + pills --}}
{{-- Dine-In Closed Banner --}}
πŸ”΄ Dine-In service is currently CLOSED β€” orders cannot be placed right now.
{{-- ORDER TYPE + TABLE SELECTOR --}}

Order Type

{{-- Table selector (dine-in only) --}}

Select Table

{{-- Take-out label --}}
{{-- SEARCH + CATEGORY PILLS --}}
@foreach($categories as $cat) @endforeach
{{-- PRODUCTS --}}
@foreach($menuItems as $item)
{{ $item->name }}

{{ $item->name }}

β‚±{{ number_format($item->price, 0) }}

@endforeach
{{-- CART BAR --}} {{-- ITEM BOTTOM SHEET --}}
{{-- Scrollable content --}}

{{-- Sticky footer: qty + total + add button --}}
{{-- CART REVIEW SHEET --}}
{{-- Scrollable content --}}

Order Summary

{{-- Table number display --}}
πŸͺ‘ No table selected
Total
{{-- Notes --}}

Special Request (optional)

{{-- Sticky footer: error + place order button --}}
{{-- Toast --}} @include('partials.ajax-nav')