@php

use App\Support\Auth;
use App\Services\Cart;

// The burger opens the left store-type rail (#qm-side). Every storefront page
// renders that rail, so this defaults to true; the kiosk passes false when its
// rail is switched off, so the button is never left controlling nothing.
$sidebarEnabled = $sidebarEnabled ?? true;

// Per-element header visibility (Admin -> Appearance -> Header). Every element defaults ON,
// so an untouched install renders the full header; a switch turned off hides that element.
$hEl = static fn (string $k): bool => setting('header_' . $k, '1') === '1';
// The delivery/pickup control is the one header element with a second condition: with the
// platform not delivering there is no choice left to offer, so the switch is gone whatever
// its own visibility setting says. Folded in here rather than at the two render sites so
// desktop and mobile cannot drift apart.
$hDelivery = \App\Services\Capability::has(\App\Services\Capability::DELIVERY);

$u = Auth::user();
$cartCount = Cart::count();
$snap = Cart::snapshot();
// The mini-cart's money comes from the SAME method the /cart/update and /cart/remove
// responses return, so stepping a quantity redraws the popover to figures that agree with
// the ones it was painted with. Nothing here is computed in the browser.
$cartTotals = \App\Http\Controllers\Public\CartController::totals();
$cartCur = setting('currency_symbol', '$');
$logo = setting('logo', 'assets/admin/logo.png');
$city = trim((string) (is_scalar($cityIn = request()->query('city')) ? $cityIn : ''));
// A returning customer's location is pre-set from their default saved address, so
// they don't have to type it every visit. An explicit ?city= search still wins.
if ($city === '') {
    $defaultAddr = customer_default_address();
    if ($defaultAddr !== null && trim((string) ($defaultAddr['city'] ?? '')) !== '') {
        $city = trim((string) $defaultAddr['city']);
    }
}
$avatar = $u['avatar'] ?? null;
$firstName = $u ? explode(' ', (string) $u['name'])[0] : '';
// Current-language flag, shared by both the desktop switcher and the mobile-
// drawer's language row so they show the same real flag, not a generic globe.
$curFlag = count(available_languages()) > 1 ? lang_flag() : null;

// Account-dropdown links (customer); adapted-to-food loyalty extras. The 4th
// item is the accent-chip colour, grouped the same way as the account sidebar
// (partials/account-nav.php) so the same icon reads the same everywhere.
$acctLinks = [
    ['/account/orders',          'fa-history',       t_raw('header.acct_all_orders'), 'blue'],
    ['/account/orders?f=active', 'fa-clock',         t_raw('header.acct_active_orders'), 'blue'],
    ['/account/orders?f=past',   'fa-check-circle',  t_raw('header.acct_past_orders'), 'blue'],
    ['/account/reviews',         'fa-star-half-alt', t_raw('header.acct_my_reviews'), 'blue'],
    ['/account/favorites',       'fa-bookmark',      t_raw('header.acct_saved'), 'pink'],
    ['/account/loyalty',         'fa-star',          t_raw('header.acct_my_rewards'), 'amber'],
    ['/account/perks',           'fa-gem',           t_raw('header.acct_perks'), 'amber'],
    ['/account',                 'fa-user',          t_raw('common.account'), 'teal'],
    ['/help',                    'fa-question-circle', t_raw('header.acct_help'), 'teal'],
];

// Pages mega-menu: ONE consistent menu for every visitor — role/dashboard links
// live in the account dropdown, not here. The side panel is an ad
// (active_ad('mega_menu')) that falls back to full-width columns when none is
// booked. The whole menu is admin-toggleable via the header_pages_menu setting.
$showPagesMenu = setting('header_pages_menu', '1') === '1';
// The mega-menu trigger label is admin-editable (Admin -> Navigation); a blank value
// falls back to the translated default so an unconfigured install still reads "Pages".
$pagesLabel = trim((string) setting('header_pages_menu_label', ''));
if ($pagesLabel === '') { $pagesLabel = t('header.pages'); }
// Sourced from Admin -> Navigation so the header links to the buyer's OWN pages and
// posts. Falls back to mega_menu_for() until a menu has been saved, so a fresh install
// still ships a populated header rather than an empty one.
$mega = \App\Services\Navigation::megaMenu($u);
$megaCols = $mega['cols'];
$megaFootCta = $mega['footCta'];
// Both menu sources supply this now, so the header renders the operator's choice and never
// decides on one of its own.
$megaFootIcon = (string) $mega['footIcon'];
$megaAd = active_ad('mega_menu');
// Only the legal pages that are actually published. Deleting one — or saving it as a draft —
// used to leave its menu entry pointing at a 404.
$megaFooter = [];
foreach ([
    ['privacy', t_raw('footer.privacy')],
    ['terms',   t_raw('header.mega_terms')],
] as [$megaSlug, $megaLabel]) {
    if (cms_page_live($megaSlug)) {
        $megaFooter[] = [$megaLabel, url('/page/' . $megaSlug)];
    }
}

// ---- Announcement band -----------------------------------------------------------------
// One line above the header on every storefront page: a closure, a public holiday, a promotion.
// Two conditions, both of which must hold, and both of which remove the ELEMENT rather than hide
// it — an empty bar pushing the header down is worse than no bar.
//
//   1. the switch on Appearance → Header. It ships OFF: nothing announced itself before this
//      existed, and an upgrade must not grow a band nobody wrote.
//   2. words. The message is page content, so blank renders blank exactly as it does everywhere
//      else, and clearing the box is how an operator takes the announcement down for good.
//
// The link is optional on top of that, and needs BOTH a destination and something to call it — a
// bare URL with no words is a link nobody can see, and words with no URL are a dead button.
$tickerOn   = setting('section_header_ticker_enabled', '0') === '1';
$tickerText = $tickerOn ? trim(t_raw('header.ticker_text')) : '';
$tickerLabel = '';
$tickerUrl   = '';
if ($tickerText !== '') {
    $tickerLabel = trim(t_raw('header.ticker_link_label'));
    // pc_link() resolves a route through url() and refuses a scheme that is not one of ours, so a
    // value stored before PageContent::clean() existed still cannot become a script link here.
    $tickerUrl = trim(t_raw('header.ticker_link_url')) !== '' ? pc_link('header.ticker_link_url') : '';
}
@endphp
@if ($tickerText !== '')
<div class="qm-announce">
    <div class="container-fluid">
        <p class="qm-announce-msg">
            <i class="fas fa-bullhorn" aria-hidden="true"></i>
            <span>{{ $tickerText }}</span>
            @if ($tickerUrl !== '' && $tickerLabel !== '')
            <a class="qm-announce-link" href="{{ $tickerUrl }}">{{ $tickerLabel }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
            @endif
        </p>
    </div>
</div>
@endif
<div class="header">
    <header class="full-width">
        <div class="container-fluid">
            <div class="qm-nav">
                @if ($sidebarEnabled)
                <button type="button" class="qm-side-toggle" id="qm-side-toggle" aria-label="{{ t_raw('header.cuisines') }}" aria-controls="qm-side" aria-expanded="false"><span class="qm-burger" aria-hidden="true"><span></span><span></span><span></span></span></button>
                @endif

                <a class="qm-nav-logo" href="{{ route('home') }}">
                    @php // Both dimensions, at the wordmark's own ratio: a width with no height
                          // gives the browser nothing to reserve, so the header jumped as the logo
                          // arrived. .qm-nav-logo img caps it at 148x40.
@endphp
                    <img src="{{ media($logo) }}" class="img-fluid" alt="{{ setting('site_name', 'QuickMunch') }}" width="520" height="88">
                </a>

                @if ($hEl('service_mode') && $hDelivery)
                <!-- Service mode (delivery / pickup) - left, before the search -->
                <div class="service-mode-toggle qm-nav-mode" role="group" aria-label="{{ t_raw('header.service_mode_aria') }}">
                    <button type="button" class="mode-btn active" data-service-mode="delivery" aria-pressed="true">{{ t_raw('common.delivery') }}</button>
                    <button type="button" class="mode-btn" data-service-mode="pickup" aria-pressed="false">{{ t_raw('common.pickup') }}</button>
                </div>
                @endif

                @if ($hEl('location'))
                <!-- Location picker -->
                <div class="qm-loc dropdown">
                    <button class="qm-loc-btn" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" aria-label="{!! $city !== '' ? e($city) : t('header.set_location') !!}">
                        <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
                        <span class="qm-loc-text">{!! $city !== '' ? e($city) : t('header.set_location') !!}</span>
                        <i class="fas fa-caret-down" aria-hidden="true"></i>
                    </button>
                    <div class="dropdown-menu qm-loc-pop p-3">
                        <label for="qm-loc-input" class="form-label">{{ t_raw('header.deliver_to') }}</label>
                        <form action="{{ route('restaurants') }}" method="get" class="d-flex gap-2" role="search" aria-label="{{ t_raw('header.set_location') }}">
                            <input type="text" id="qm-loc-input" name="city" class="form-control" placeholder="{{ t_raw('header.location_placeholder') }}" value="{{ $city }}">
                            <button type="submit" class="qm-btn qm-btn-sm">{{ t_raw('header.find_btn') }}</button>
                        </form>
                    </div>
                </div>
                @endif

                <!-- Collapsible: search + Pages + Order Now -->
                <div class="qm-nav-collapse" id="qm-nav-collapse">
                    <!-- Mobile drawer content hierarchy, top to bottom: service-mode preference +
                    Order Now paired on one compact row -> search (the single most used action) ->
                    browse links (Cuisines/Pages/Language). Desktop ignores this order entirely
                    (plain horizontal row, unaffected by the mobile-only rules below). -->
                    <div class="qm-drawer-toprow">
                        <!-- Mobile-only duplicate of the desktop service-mode toggle above: hidden
                        on desktop (the bar copy already shows there), shown here compact/natural-
                        width (a preference control, not a CTA) so it's still reachable once the
                        bar copy is hidden at <=991px. Both copies share the same .service-mode-
                        toggle .mode-btn markup, so the existing global click handler (assets/js/
                        app.js) keeps them in sync with no extra JS. -->
                        @if ($hEl('service_mode') && $hDelivery)
                        <div class="service-mode-toggle qm-nav-mode qm-nav-mode--mobile" role="group" aria-label="{{ t_raw('header.service_mode_aria') }}">
                            <button type="button" class="mode-btn active" data-service-mode="delivery" aria-pressed="true">{{ t_raw('common.delivery') }}</button>
                            <button type="button" class="mode-btn" data-service-mode="pickup" aria-pressed="false">{{ t_raw('common.pickup') }}</button>
                        </div>
                        @endif

                        @if ($hEl('order_now'))<a href="{{ route('restaurants') }}" class="qm-order-now qm-order-now--mobile"><i class="fas fa-concierge-bell" aria-hidden="true"></i> <span>{{ t_raw('header.order_now') }}</span></a>@endif
                    </div>

                    <!-- Search + Cuisines share one row: Cuisines is a compact burger-style
                    shortcut right next to search (opens the same #qm-cuis panel as the
                    action-row's desktop pill - any element with aria-controls="qm-cuis"
                    works, assets/js/app.js bindPanel binds by attribute, not id) instead
                    of a labelled row further down the list. -->
                    <div class="qm-drawer-search-row">
                        @if ($hEl('search'))
                        <div class="main-search">
                            @php // `search-form` sat here with no rule in any stylesheet and no script reading it — every other class on this element has one.
@endphp
                            <form class="main-search full-width" action="{{ route('restaurants') }}" method="get" role="search">
                                <div class="search-box padding-10">
                                    <input type="text" id="qm-header-search" data-suggest="public.storefront" name="q" class="form-control" placeholder="{{ t_raw('header.search_placeholder') }}" value="{{ is_scalar($hq = request()->query('q')) ? $hq : '' }}" aria-label="{{ t_raw('header.search_placeholder') }}">
                                </div>
                            </form>
                        </div>
                        @endif
                        @if ($hEl('cuisines'))<button type="button" class="qm-search-cuis-toggle" aria-controls="qm-cuis" aria-expanded="false" aria-label="{{ t_raw('header.cuisines') }}"><span class="qm-burger" aria-hidden="true"><span></span><span></span><span></span></span></button>@endif
                    </div>

                    <!-- Mobile nav list: Pages as a consistent icon/label/chevron row (a
                    standard drawer link-list pattern), not a floating pill button. -->
                    <nav class="qm-drawer-nav" aria-label="{!! $pagesLabel !!}">
                    @if ($showPagesMenu)
                    <div class="qm-explore dropdown qm-drawer-link-wrap">
                        <button class="qm-explore-btn qm-drawer-link" type="button" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" aria-label="{!! $pagesLabel !!}">
                            <i class="fas fa-file-alt qm-drawer-link-ico qm-drawer-link-ico--red" aria-hidden="true"></i>
                            <span class="qm-drawer-link-label">{!! $pagesLabel !!}</span>
                            <i class="fas fa-chevron-right qm-drawer-link-arrow qm-drawer-link-arrow--mobile" aria-hidden="true"></i>
                            <i class="fas fa-caret-down qm-drawer-link-arrow--desktop" aria-hidden="true"></i>
                        </button>
                        <div class="dropdown-menu qm-mega-menu">
                            <div class="qm-mega-body{{ $megaAd ? '' : ' qm-mega-body--no-ad' }}">
                                @if ($megaAd)
                                <div class="qm-mega-ad">
                                    @partial('cards/ad', ['ad' => $megaAd, 'variant' => 'mega'])
                                </div>
                                @endif
                                <div class="qm-mega-grid">
                                    @php /* The column icon IS rendered now. Admin has always offered a
                                             glyph picker per column and saved the choice, and the header
                                             then dropped it — a control that changed nothing.
                                             It takes the dot's place rather than sitting beside it: the
                                             title's ::before dot is the no-icon state, so a column shows
                                             one marker or the other, never both. Spacing is left to the
                                             stylesheet for the same reason — a utility class here would
                                             stack on top of the dot's own margin. */
@endphp
                                    @foreach ($megaCols as [$mTitle, $mIcon, $mLinks])
                                    <div class="qm-mega-col">
                                        @php // Drawn by icon_html() like every other icon field, so a brand mark chosen in the one shared picker renders as its logo instead of an empty <i>.
@endphp
                                        <span class="qm-mega-title">@if ($mIcon !== ''){!! icon_html($mIcon, '') !!}@endif{{ $mTitle }}</span>
                                        @foreach ($mLinks as $mLink)
@php $mTag = $mLink[2] ?? ''; @endphp
                                        <a class="dropdown-item" href="{{ $mLink[1] }}">{{ $mLink[0] }}@if ($mTag !== '') <span class="qm-mega-tag">{{ $mTag }}</span>@endif</a>
                                        @endforeach
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="qm-mega-foot">
                                <span class="qm-mega-foot-cta">{!! icon_html($megaFootIcon, '') !!} {{ $megaFootCta }}</span>
                                <span class="qm-mega-foot-links">
                                    @foreach ($megaFooter as [$fLabel, $fHref])<a href="{{ $fHref }}">{{ $fLabel }}</a>@endforeach
                                </span>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Mobile-only duplicate of the language switcher below (hidden on mobile
                    there): full word instead of the compact flag+code pill, since the drawer
                    has the room for it. data-bs-display="static" disables Popper's dynamic
                    positioning (same as the Pages toggle above) - without it, Bootstrap can flip
                    the menu to open upward near the bottom of the drawer's scroll area, which
                    looks broken. -->
                    @if ($hEl('language') && count(available_languages()) > 1)
                    <div class="dropdown qm-lang-switch--mobile">
                        <button class="qm-drawer-link" type="button" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                            @if ($curFlag)<img class="qm-drawer-link-ico qm-drawer-link-ico--flag" src="{{ $curFlag }}" alt="">@else<i class="fas fa-globe qm-drawer-link-ico qm-drawer-link-ico--teal" aria-hidden="true"></i>@endif
                            <span class="qm-drawer-link-label">{{ t_raw('common.language') }}</span>
                            <i class="fas fa-chevron-right qm-drawer-link-arrow" aria-hidden="true"></i>
                        </button>
                        <ul class="dropdown-menu qm-pop">
                            @foreach (available_languages() as $lc => $li)
@php $itemFlag = lang_flag($lc); @endphp
                            <li><form method="post" action="{{ url('/language/' . $lc) }}">@csrf<button type="submit" class="dropdown-item qm-lang-item{{ lang() === $lc ? ' active' : '' }}">@if ($itemFlag)<img class="qm-lang-flag" src="{{ $itemFlag }}" alt="" width="20" height="14">@endif<span>{{ $li['name'] }}</span></button></form></li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    </nav>

                    <!-- Desktop-bar position: Order Now's original spot, after search/Pages and
                    before the icon group (see the mobile-drawer-toprow copy above, hidden here). -->
                    @if ($hEl('order_now'))<a href="{{ route('restaurants') }}" class="qm-order-now qm-order-now--bar" aria-label="{{ t_raw('header.order_now') }}"><i class="fas fa-concierge-bell" aria-hidden="true"></i> <span>{{ t_raw('header.order_now') }}</span></a>@endif
                </div>

                <div class="qm-nav-actions">
                    <!-- Notifications (shared bell partial — DB-backed, per-user) -->
                    @if ($u && $hEl('notifications'))@partial('notif-bell')@endif

                    @if ($hEl('cart'))
                    <!-- Cart -->
                    <div class="qm-cart dropdown">
                        <button class="qm-icon-pill qm-cart-link" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" aria-label="{{ t_raw('common.cart') }}">
                            <i class="fas fa-shopping-bag" aria-hidden="true"></i>
                            <span class="qm-cart-count"{{ $cartCount ? '' : ' hidden' }}>{{ (int) $cartCount }}</span>
                        </button>
                        <div class="dropdown-menu dropdown-menu-end qm-pop qm-cart-pop">
                            <div class="qm-pop-head">{{ t_raw('checkout.your_order') }}</div>
                            @php /* data-remove-label hands the remove control's accessible name to the JS
                                     redraw with its :name token intact, so a repainted popover still names
                                     the dish in the visitor's language - js_i18n() does not publish this
                                     key. Same handover the notification list makes with its data-empty. */
@endphp
                            <div id="qm-cart-pop-body" data-remove-label="{{ t_raw('cart.remove_item_aria') }}">
                                @if (!empty($snap['lines']))
                                    @php /* Steppers, not a static "2×": the quantity is editable where the
                                             customer already is. The row borrows the on-page "Your Order"
                                             panel's parts - .qm-cart-qty, .qm-cart-line-name,
                                             .qm-cart-line-price - so the two cart surfaces read as one
                                             control, and stays a single line so a long cart cannot grow the
                                             popover past the viewport and strand the Checkout button.
                                             assets/js/app.js renders this exact markup after every edit. */
@endphp
                                    @foreach ($snap['lines'] as $l)
                                    <div class="qm-pop-line" data-key="{{ $l['key'] }}">
                                        <div class="d-flex align-items-center gap-2">
                                            <div class="qm-cart-qty">
                                                <button type="button" data-cart-dec aria-label="{{ t_raw('cart.decrease_qty_of', [':name' => $l['name']]) }}">&minus;</button>
                                                <span>{{ (int) $l['qty'] }}</span>
                                                <button type="button" data-cart-inc aria-label="{{ t_raw('cart.increase_qty_of', [':name' => $l['name']]) }}">+</button>
                                            </div>
                                            <span class="qm-cart-line-name">{{ $l['name'] }}</span>
                                        </div>
                                        <div class="d-flex align-items-center gap-2">
                                            <span class="qm-cart-line-price">{{ $cartCur . number_format((float) $l['line_total'], 2) }}</span>
                                            <button type="button" class="qm-icon-btn danger" data-cart-del aria-label="{{ t_raw('cart.remove_item_aria', [':name' => $l['name']]) }}" title="{{ t_raw('cart.remove_item_aria', [':name' => $l['name']]) }}"><i class="fas fa-trash-alt" aria-hidden="true"></i></button>
                                        </div>
                                    </div>
                                    @endforeach
                                    <div class="qm-pop-line"><span>{{ t_raw('cart.subtotal') }}</span><span>{{ $cartCur . number_format((float) $snap['subtotal'], 2) }}</span></div>
                                    @if ($cartTotals['tax'] > 0)
                                    <div class="qm-pop-line"><span>{{ $cartTotals['tax_label'] }}</span><span>{{ $cartCur . number_format((float) $cartTotals['tax'], 2) }}</span></div>
                                    @endif
                                    @if ($cartTotals['delivery_fee'] > 0)
                                    <div class="qm-pop-line"><span>{{ t_raw('checkout.delivery_fee') }}</span><span>{{ $cartCur . number_format((float) $cartTotals['delivery_fee'], 2) }}</span></div>
                                    @endif
                                    <div class="qm-pop-sub"><span>{{ t_raw('common.total') }}</span><span>{{ $cartCur . number_format((float) $cartTotals['total'], 2) }}</span></div>
                                    <div class="qm-pop-actions">
                                        <a href="{{ route('cart') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.cart') }}</a>
                                        <a href="{{ route('checkout') }}" class="qm-btn qm-btn-sm">{{ t_raw('cart.checkout') }}</a>
                                    </div>
                                @else
                                    <div class="qm-pop-empty"><i class="fas fa-shopping-basket d-block mb-2"></i>{{ t_raw('cart.empty') }}</div>
                                @endif
                            </div>
                        </div>
                    </div>

                    @endif

                    @if ($hEl('account'))
                    <!-- Account -->
                    <div class="qm-account dropdown">
                        <button class="qm-account-btn" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                            @if ($u)<img class="qm-avatar" src="{{ avatar_src($avatar) }}" alt=""><span class="qm-account-name">{{ t_raw('header.greeting', [':name' => $firstName]) }}</span>
                            @php // Signed out, the guest mark reuses .qm-avatar rather than sitting as a bare
                                  // glyph, so both states occupy the same circle and the header does not
                                  // resize on sign-in/out. Change .qm-avatar and both follow.
@endphp
                            @else<span class="qm-avatar qm-avatar-guest" aria-hidden="true"><i class="fas fa-user"></i></span><span class="qm-account-name">{{ t_raw('common.account') }}</span>@endif
                            <i class="fas fa-caret-down" aria-hidden="true"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-end qm-pop qm-account-pop">
                            @if ($u && ($u['role'] ?? '') === 'customer')
                                @foreach ($acctLinks as [$href, $ic, $label, $ac])
                                <a class="dropdown-item" href="{{ url($href) }}"><i class="fas {{ $ic }} qm-head-chip qm-head-chip--{{ $ac }}" aria-hidden="true"></i>{{ $label }}</a>
                                @endforeach
                                <div class="dropdown-divider"></div>
                                <form action="{{ route('logout') }}" method="post" class="px-2">@csrf<button type="submit" class="dropdown-item"><i class="fas fa-sign-out-alt qm-head-chip qm-head-chip--rose" aria-hidden="true"></i>{{ t_raw('common.sign_out') }}</button></form>
                            @elseif ($u)
@php // Same label ("Dashboard") for every signed-in user; only the destination
                                // varies by role, using the shared role_home() map so each role reaches a
                                // page its access allows instead of falling back to the storefront home.
                                $dashHref = role_home($u['role']); @endphp
                                <a class="dropdown-item" href="{{ url($dashHref) }}"><i class="fas fa-th-large qm-head-chip qm-head-chip--blue" aria-hidden="true"></i>{{ t_raw('nav.dashboard') }}</a>
                                @php /* A vendor (or panel staff) browsing the storefront gets the
                                         same personal set the dashboard avatar offers — profile,
                                         notification prefs, saved cards, and (owner only) billing —
                                         so the two menus never disagree. */
@endphp
                                @php $hRole = (string) ($u['role'] ?? '');
@endphp
                                @if ($hRole === 'vendor' || \App\Models\Role::isStaff($hRole))
                                <a class="dropdown-item" href="{{ route('vendor.account') }}"><i class="fas fa-user-cog qm-head-chip qm-head-chip--blue" aria-hidden="true"></i>{{ t_raw('nav.my_account') }}</a>
                                <a class="dropdown-item" href="{{ route('vendor.account') . '#notifications' }}"><i class="fas fa-sliders-h qm-head-chip qm-head-chip--pink" aria-hidden="true"></i>{{ t_raw('notif.settings_title') }}</a>
                                @if ($hRole === 'vendor')
                                <a class="dropdown-item" href="{{ route('vendor.account') . '#payment' }}"><i class="fas fa-credit-card qm-head-chip qm-head-chip--green" aria-hidden="true"></i>{{ t_raw('account.payment') }}</a>
                                <a class="dropdown-item" href="{{ route('vendor.plans') }}"><i class="fas fa-file-invoice-dollar qm-head-chip qm-head-chip--violet" aria-hidden="true"></i>{{ t_raw('nav.billing') }}</a>
                                @endif
                                @endif
                                <a class="dropdown-item" href="{{ route('help') }}"><i class="fas fa-question-circle qm-head-chip qm-head-chip--teal" aria-hidden="true"></i>{{ t_raw('header.acct_help') }}</a>
                                <div class="dropdown-divider"></div>
                                <form action="{{ route('logout') }}" method="post" class="px-2">@csrf<button type="submit" class="dropdown-item"><i class="fas fa-sign-out-alt qm-head-chip qm-head-chip--rose" aria-hidden="true"></i>{{ t_raw('common.sign_out') }}</button></form>
                            @else
                                <a class="dropdown-item" href="{{ route('login') }}"><i class="fas fa-sign-in-alt qm-head-chip qm-head-chip--blue" aria-hidden="true"></i>{{ t_raw('common.sign_in') }}</a>
                                <a class="dropdown-item" href="{{ route('register') }}"><i class="fas fa-user-plus qm-head-chip qm-head-chip--teal" aria-hidden="true"></i>{{ t_raw('auth.create_account') }}</a>
                                <div class="dropdown-divider"></div>
                                @if (vendor_signup_open())<a class="dropdown-item" href="{{ route('vendor-signup') }}"><i class="fas fa-store qm-head-chip qm-head-chip--amber" aria-hidden="true"></i>{{ t_raw('header.add_your_restaurant') }}</a>@endif
                            @endif
                        </div>
                    </div>

                    @endif

                    <!-- Language switcher (shown only when more than one language is enabled). -->
                    @if ($hEl('language') && count(available_languages()) > 1)
                    <div class="dropdown qm-lang-switch">
                      <button class="qm-icon-pill" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="{{ t_raw('common.language') }}">@if ($curFlag)<img class="qm-lang-flag" src="{{ $curFlag }}" alt="" width="20" height="14">@else<i class="fas fa-globe" aria-hidden="true"></i>@endif <span>{{ strtoupper(lang()) }}</span><i class="fas fa-caret-down" aria-hidden="true"></i></button>
                      <ul class="dropdown-menu dropdown-menu-end qm-pop">
                        @foreach (available_languages() as $lc => $li)
@php $itemFlag = lang_flag($lc); @endphp
                        <li><form method="post" action="{{ url('/language/' . $lc) }}">@csrf<button type="submit" class="dropdown-item qm-lang-item{{ lang() === $lc ? ' active' : '' }}">@if ($itemFlag)<img class="qm-lang-flag" src="{{ $itemFlag }}" alt="" width="20" height="14">@endif<span>{{ $li['name'] }}</span></button></form></li>
                        @endforeach
                      </ul>
                    </div>
                    @endif

                    @if ($hEl('cuisines'))<button type="button" class="qm-cuis-toggle" id="qm-cuis-toggle" aria-controls="qm-cuis" aria-expanded="false"><i class="fas fa-utensils" aria-hidden="true"></i><span>{{ t_raw('header.cuisines') }}</span></button>@endif

                    <button type="button" class="qm-nav-toggle" id="qm-nav-toggle" aria-label="{{ t_raw('header.toggle_menu_aria') }}" aria-expanded="false" aria-controls="qm-nav-collapse"><span class="qm-burger" aria-hidden="true"><span></span><span></span><span></span></span></button>
                </div>
            </div>
        </div>
    </header>
</div>