@php($dealer = $authDealer ?? request()->attributes->get('dealer'))

<header class="admin-topbar">
    <div class="d-flex align-items-center gap-2 flex-nowrap">
        <button class="btn btn-light admin-icon-btn d-none d-lg-inline-flex" type="button" id="adminSidebarToggle" aria-label="Toggle sidebar">
            <i class="bi bi-layout-sidebar-inset" id="adminSidebarIcon"></i>
        </button>
        <button class="btn btn-outline-secondary d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#adminSidebarOffcanvas" aria-controls="adminSidebarOffcanvas">
            <i class="bi bi-list"></i>
        </button>
    </div>

    <div class="d-flex align-items-center gap-2 flex-nowrap ms-auto">
        <button class="btn btn-light admin-icon-btn" type="button" id="adminThemeToggle" aria-label="Toggle theme">
            <i class="bi bi-moon-stars" id="adminThemeIcon"></i>
        </button>

        <div class="dropdown">
            <button class="btn btn-light d-flex align-items-center gap-2 admin-user-btn" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="bi bi-person-circle d-sm-none" aria-hidden="true"></i>
                <span class="admin-avatar d-none d-sm-inline-flex">{{ $dealer?->name ? strtoupper(substr($dealer->name, 0, 2)) : 'DL' }}</span>
                <span class="d-none d-sm-flex flex-column text-start lh-sm">
                    <span class="admin-user-name">{{ $dealer?->name ?? 'Dealer' }}</span>
                    <span class="admin-user-role">{{ $dealer?->username ?? 'dealer' }}</span>
                </span>
                <i class="bi bi-chevron-down ms-1 d-none d-sm-inline" aria-hidden="true"></i>
            </button>
            <ul class="dropdown-menu dropdown-menu-end">
                <li><a class="dropdown-item" href="{{ route('dealer.dashboard') }}"><i class="bi bi-grid me-2"></i>Dashboard</a></li>
                <li><hr class="dropdown-divider"></li>
                <li>
                    <form method="POST" action="{{ route('dealer.logout') }}" class="px-2">
                        @csrf
                        <button class="btn btn-sm btn-outline-danger w-100" type="submit">
                            <i class="bi bi-box-arrow-right me-1"></i> Logout
                        </button>
                    </form>
                </li>
            </ul>
        </div>
    </div>
</header>