<header class="app-topbar">

    {{-- Left: logo + optional admin controls --}}
    <div class="d-flex align-items-center gap-3">

        {{-- Brand logo (always shown, links to public site) --}}
        <a href="{{ route('parking.index') }}" class="d-flex align-items-center gap-3 text-decoration-none">
            <div style="width:36px;height:36px;background:#6366f1;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
                <i class="bi bi-p-square-fill text-white" style="font-size:1.1rem;"></i>
            </div>
            <div class="d-none d-sm-block">
                <div class="fw-800" style="color:#f8fafc;font-size:1rem;line-height:1.2;">دمشق باركينغ</div>
                <div style="color:#94a3b8;font-size:.68rem;">مواقف السيارات في دمشق</div>
            </div>
        </a>

        @if($isAdminLayout ?? false)
        {{-- Sidebar toggle (admin/operator pages only) --}}
        <button class="sidebar-toggle" id="sidebarToggle" aria-label="قائمة التنقل">
            <i class="bi bi-list"></i>
        </button>
        {{-- Page title --}}
        <h1 class="topbar-title">@yield('page-title', 'لوحة التحكم')</h1>
        @endif

    </div>

    {{-- Right: user dropdown --}}
    <div class="d-flex align-items-center gap-2">
        @include('partials.user-dropdown')
    </div>

</header>
