@php
    $activeProfile = $activeBusinessProfile ?? auth()->user()?->currentBusinessProfile;
    $userProfiles = auth()->user()?->businessProfiles;
@endphp

<header class="app-topbar">
    <div class="d-flex align-items-center gap-3">
        <button class="btn btn-outline-primary btn-pill d-lg-none" type="button" data-sidebar-toggle>
            <i class="bi bi-list"></i>
            Menu
        </button>
        <div>
            <p class="text-muted text-uppercase small mb-1">Active profile</p>
            <div class="dropdown">
                <button class="btn btn-light btn-pill dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                    {{ $activeProfile?->name ?? 'Create a profile' }}
                </button>
                <ul class="dropdown-menu shadow">
                    @if ($userProfiles && $userProfiles->count())
                        @foreach ($userProfiles as $profile)
                            <li>
                                <form action="{{ route('business-profiles.switch', $profile) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <button class="dropdown-item d-flex justify-content-between" type="submit">
                                        <span>{{ $profile->name }}</span>
                                        @if ($activeProfile && $activeProfile->is($profile))
                                            <i class="bi bi-check-circle-fill text-primary"></i>
                                        @endif
                                    </button>
                                </form>
                            </li>
                        @endforeach
                    @else
                        <li class="px-3 py-2 text-muted">No profiles yet</li>
                    @endif
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item" href="{{ route('business-profiles.index') }}">Manage profiles</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="d-flex align-items-center gap-3">
        @php
            $vehicleRoute = Route::has('vehicles.index') ? route('vehicles.index') : null;
        @endphp
        @if ($vehicleRoute)
            <a href="{{ $vehicleRoute }}#vehicle-form" class="btn btn-outline-secondary btn-pill">
                <i class="bi bi-truck"></i>
                Log vehicle
            </a>
        @else
            <button class="btn btn-outline-secondary btn-pill" type="button" disabled>
                <i class="bi bi-truck"></i>
                Log vehicle
            </button>
        @endif
        <a href="{{ route('business-profiles.index') }}#profile-form" class="btn btn-primary text-white btn-pill">
            <i class="bi bi-building-add"></i>
            New profile
        </a>
        <div class="dropdown">
            <button class="btn btn-light profile-pill" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                <div>
                    <div class="fw-semibold">{{ auth()->user()->name }}</div>
                    <small class="text-muted">{{ auth()->user()->email }}</small>
                </div>
                <i class="bi bi-chevron-down"></i>
            </button>
            <ul class="dropdown-menu dropdown-menu-end shadow">
                <li><a class="dropdown-item" href="{{ route('profile.edit') }}">Account settings</a></li>
                <li><hr class="dropdown-divider"></li>
                <li>
                    <form action="{{ route('logout') }}" method="POST">
                        @csrf
                        <button class="dropdown-item text-danger" type="submit">Sign out</button>
                    </form>
                </li>
            </ul>
        </div>
    </div>
</header>