@php
/**
 * Dashboard top bar — the fixed chrome header: the sidebar toggle + page title on the left, and on
 * the right the branch switcher, full-screen toggle, language menu, AI assistant, notification bell
 * and the account menu. Extracted from layouts/dashboard.php so the top bar is its own component;
 * included via partial('top-bar', [...]). All display data is passed in (View::partial isolates scope).
 *
 * @var array|null $u            the signed-in user row
 * @var string|null $heading     page heading — shown as the H1 only when the title is NOT in the subheader
 * @var string $roleLabel        the user's role label (e.g. "Restaurant vendor")
 * @var string $viewSiteUrl      the "View site" destination for this role
 * @var bool $__titleInSubhead   true when the page title lives in the subheader band, not here
 */
@endphp
<header class="qm-dash-top">
    <div class="d-flex align-items-center gap-3">
        <button type="button" class="qm-dash-navtoggle" id="qm-dash-toggle" aria-label="{{ t_raw('dashboard.aria_toggle_sidebar') }}" aria-controls="qm-dash-side" aria-expanded="true"><span class="qm-dash-burger" aria-hidden="true"><span></span><span></span><span></span></span></button>
        @if (!$__titleInSubhead)<h1>{{ $heading ?? t_raw('nav.dashboard') }}</h1>@endif
    </div>
    <div class="qm-dash-top-actions">
        @php
// Branch switcher — a multi-branch owner re-points the WHOLE dashboard at any of their venues
// from any page (the same session switch as the Branches page), then lands back on the current
// page. Built on the account-menu shell (.qm-account) so the trigger + menu inherit our own
// styling: the restaurant logo + name sit exactly like the user avatar beside it.
//
// Shown to every owner, including one running a single venue. This menu holds the only
// "Add another location" link in the product, so requiring two venues to see it left the
// owner who wants a second one with no way to ask for it. With one venue the list is simply
// that single row (marked active) above the same two links - same markup, same styling,
// nothing to switch to yet.
$__branches = \App\Support\Auth::ownedRestaurants();
@endphp
@if ($__branches)
@php
$__activeRid = (int) \App\Support\Auth::vendorRestaurantId();
$__activeRow = $__branches[0] ?? [];
foreach ($__branches as $__b) { if ((int) $__b['id'] === $__activeRid) { $__activeRow = $__b; break; } }
            $__ret = \App\Support\App::path();
@endphp
        <div class="qm-account dropdown">
            <button class="qm-locpill" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="{{ t_raw('vendor.branches.switch_label') }}" title="{{ t_raw('vendor.branches.switch_label') }}">
                @php // The active branch's own logo (round), so the switcher shows WHICH venue is live — the round mark keeps it distinct from the rounded-square logos in the menu below and clearly smaller than the person avatar beside it.
@endphp
                {!! restaurant_logo_html($__activeRow, 'sm', 'qm-brandmark--round qm-locpill-logo') !!}
                <span class="qm-locpill-name">{{ (string) ($__activeRow['name'] ?? '') }}</span>
                <i class="fas fa-caret-down qm-locpill-caret" aria-hidden="true"></i>
            </button>
            <ul class="dropdown-menu dropdown-menu-end qm-pop qm-account-pop">
                @foreach ($__branches as $__b)
@php $__bid = (int) $__b['id']; $__on = $__bid === $__activeRid; $__st = (string) ($__b['status'] ?? 'approved'); @endphp
                <li>
                    <form method="post" action="{{ route('vendor.branches.switch') }}">
                        @csrf
                        <input type="hidden" name="restaurant_id" value="{{ $__bid }}">
                        <input type="hidden" name="return" value="{{ $__ret }}">
                        @php /* EVERY ROW CARRIES ITS STATE. An approved branch that is not the
                                 one currently open used to render no pill at all, so a live venue
                                 sat blank in a list where every neighbour was labelled and read as
                                 unfinished. Approved IS active — the same word and the same green
                                 the product uses for the branch you are in — because both are
                                 trading; which one the dashboard is pointed at is already said by
                                 the header above and by aria-current. Suspended had no pill either,
                                 and it is the one state an owner most needs to see. */
@endphp
                        <button type="submit" class="dropdown-item"{!! $__on ? ' aria-current="true"' : '' !!}><span class="qm-idflag">{!! restaurant_brandmark($__b, 'sm') !!}@if ($__on)<span class="qm-idflag-here" aria-hidden="true"></span>@endif</span><span class="qm-pop-row-body"><strong>{{ (string) $__b['name'] }}</strong>@if (!empty($__b['city']))<span class="qm-pop-row-sub">{{ (string) $__b['city'] }}</span>@endif</span>@php /* THE PILL ANSWERS ONE QUESTION ONLY: is this venue trading? Which one you are
                                 looking at is the dot on its logo above. An approved branch
                                 carries no pill at all: saying "Active" on it read as a claim about
                                 the account rather than a note about the venue. */
@endphp
                            @if ($__st === 'pending')<span class="qm-pill qm-pill-amber ms-auto">{{ status_label('restaurant', 'pending') }}</span>
                            @elseif ($__st === 'suspended')<span class="qm-pill qm-pill-red ms-auto">{{ status_label('restaurant', 'suspended') }}</span>
                            @endif</button>
                    </form>
                </li>
                @endforeach
                <li><hr class="dropdown-divider"></li>
                @php /* The two rows under the divider are actions, not branches, so they carry a glyph
                         instead of a brandmark — otherwise they read as branches whose logo failed to
                         load. fa-code-branch is the same icon the sidebar already gives Branches, and
                         .qm-head-chip is the chip the account rows below use, so nothing new is
                         introduced on either axis. */
@endphp
                <li><a class="dropdown-item" href="{{ route('vendor.branches') }}"><i class="fas fa-code-branch qm-head-chip qm-head-chip--teal" aria-hidden="true"></i>{{ t_raw('nav.branches') }}</a></li>
                <li><a class="dropdown-item" href="{{ route('vendor.branches', ['add' => '1']) }}"><i class="fas fa-plus qm-head-chip qm-head-chip--blue" aria-hidden="true"></i>{{ t_raw('vendor.branches.add_new') }}</a></li>
            </ul>
        </div>
        <span class="qm-topbar-div" aria-hidden="true"></span>
        @endif
        @php // Full-screen focus mode — expands the page content to the whole screen and hides the chrome (useful for the Kitchen Pipeline / dine-in floor displays). Escape or the floating exit button returns.
@endphp
        <button type="button" class="qm-icon-pill qm-dash-fullscreen" id="qm-dash-fullscreen" aria-label="{{ t_raw('dashboard.aria_full_screen') }}" aria-pressed="false" title="{{ t_raw('dashboard.aria_full_screen') }}"><i class="fas fa-expand" aria-hidden="true"></i></button>
        @if (count(available_languages()) > 1)
        <div class="dropdown qm-lang-switch">
            @php $curFlag = lang_flag();
@endphp
            <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
        @php // AI assistant — opens the chat off-canvas (right → left). Anyone granted the assistant
        // reaches their restaurant one; super-admin the platform one. Restaurants only while
        // the platform leaves ai_vendor_enabled on.
@endphp
        @if (($u['role'] ?? '') === 'super_admin' || (\App\Support\Auth::can('ai.use') && setting('ai_vendor_enabled', '1') === '1'))
        <button type="button" class="qm-icon-pill" data-bs-toggle="offcanvas" data-bs-target="#qmAiOffcanvas" aria-controls="qmAiOffcanvas" aria-label="{{ t_raw('nav.ai_assistant') }}" title="{{ t_raw('nav.ai_assistant') }}">@partial('icon-ai-sparkle', ['gid' => 'hdr', 'class' => 'qm-ai-spark'])</button>
        @endif
        @php // Notification bell — the same per-user bell as the storefront, sitting before the avatar.
@endphp
        @partial('notif-bell')
        <span class="qm-topbar-div" aria-hidden="true"></span>
        <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($u['avatar'] ?? null) }}" alt="">@else<i class="fas fa-user-circle" aria-hidden="true"></i>@endif
                @php // Name stacked over the role label; the whole block collapses to avatar-only on mobile via the .qm-account-btn > span rule.
@endphp
                <span class="qm-account-id"><span class="qm-account-name">{!! $u ? e($u['name']) : '' !!}</span>@if (!empty($roleLabel))<span class="qm-account-role">{{ $roleLabel }}</span>@endif</span>
                <i class="fas fa-caret-down" aria-hidden="true"></i>
            </button>
            <ul class="dropdown-menu dropdown-menu-end qm-pop qm-account-pop">
                @php
                // Map each role to its own personal-account page. EVERY signed-in role has an editable
                // account (name, email, avatar, password): the vendor owner and all staff sub-roles share
                // /vendor/account, the driver uses /driver/profile, admins use /admin/account. Every staff
                // role — shipped or created on the Roles screen — keeps its profile in the panel; the other
                // identities have their own page.
                $roleSlug = (string) ($u['role'] ?? '');
                $accountUrl = match (true) {
                    $roleSlug === 'super_admin' => '/admin/account',
                    $roleSlug === 'driver'      => '/driver/profile',
                    $roleSlug === 'vendor' || \App\Models\Role::isStaff($roleSlug) => '/vendor/account',
                    default => '',
                };
@endphp
                @if ($accountUrl !== '')
                <li><a class="dropdown-item" href="{{ url($accountUrl) }}"><i class="fas fa-user-cog qm-head-chip qm-head-chip--blue" aria-hidden="true"></i>{{ t_raw('nav.my_account') }}</a></li>
                @endif
                @php /* The vendor's personal-account satellite pages, one tap from the avatar:
                         notification prefs for the owner and every staff role; saved cards and
                         Billing for the owner only (both are about paying the platform) — the
                         same set, in the same order, as the storefront avatar menu. */
@endphp
                @if ($roleSlug === 'vendor' || \App\Models\Role::isStaff($roleSlug))
                <li><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></li>
                @php /* Saved cards exist to PAY THE PLATFORM (plans, ads, royalty) — owner-only
                         flows, so the tab's shortcut is the owner's too, like Billing below it. */
@endphp
                @if ($roleSlug === 'vendor')
                <li><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></li>
                <li><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></li>
                @endif
                @endif
                @php // Empty when the front end is switched off — a services install has no site to view.
@endphp
                @if (($viewSiteUrl ?? '') !== '')
                <li><a class="dropdown-item" href="{{ $viewSiteUrl }}"><i class="fas fa-globe qm-head-chip qm-head-chip--teal" aria-hidden="true"></i>{{ t_raw('header.view_site') }}</a></li>
                @endif
                <li><hr class="dropdown-divider"></li>
                @if (staff_has_pin($u))
@php // Terminal staff (kitchen/host/waiter/manager): lock the shared screen when stepping away. Stays signed in; a 4-digit PIN resumes.; @endphp
                <li>
                    <form action="{{ route('vendor.lock.engage') }}" method="post">
                        @csrf
                        <button type="submit" class="dropdown-item"><i class="fas fa-lock qm-head-chip qm-head-chip--amber" aria-hidden="true"></i>{{ t_raw('dashboard.log_off') }}</button>
                    </form>
                </li>
                @endif
                <li>
                    <form action="{{ route('logout') }}" method="post">
                        @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>
                </li>
            </ul>
        </div>
    </div>
</header>