@props(['title' => 'Dashboard'])

@php
    $user = auth()->user();
@endphp

<header class="sm-admin-topbar bg-white border-bottom px-3 px-lg-4 py-2 d-flex flex-wrap align-items-center gap-2">
    <button class="btn btn-outline-secondary d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#adminMobileSidebar" aria-controls="adminMobileSidebar" aria-label="Open the List Bar">
        <i class="bi bi-list" aria-hidden="true"></i>
    </button>

    <div class="me-auto">
        <p class="small text-body-secondary mb-0">M/s.Saruar Mart Admin / {{ $title }}</p>
        <h1 class="h5 mb-0">{{ $title }}</h1>
    </div>

    <a class="btn btn-sm btn-outline-secondary" href="{{ route('storefront.home') }}"><i class="bi bi-shop" aria-hidden="true"></i> <span class="visually-hidden">View Public Storefront</span><span class="d-none d-sm-inline" aria-hidden="true">View Public Storefront</span></a>

    <div class="dropdown">
        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="bi bi-building" aria-hidden="true"></i> {{ $user->currentTeam?->name ?? 'M/s.Saruar Mart HQ' }}
        </button>
        <ul class="dropdown-menu dropdown-menu-end">
            @foreach ($teams->where('id', '!=', $user->current_team_id) as $team)
                <li>
                    <form method="POST" action="{{ route('admin.teams.switch', $team) }}">
                        @csrf
                        @method('PUT')
                        <button class="dropdown-item" type="submit">Switch to {{ $team->name }}</button>
                    </form>
                </li>
            @endforeach
            <li><a class="dropdown-item" href="{{ route('admin.teams.index') }}">Manage teams</a></li>
        </ul>
    </div>

    <div class="dropdown">
        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="bi bi-person-circle" aria-hidden="true"></i> {{ $user->name }}
        </button>
        <div class="dropdown-menu dropdown-menu-end">
            <div class="px-3 py-1 d-flex gap-1">
                <span class="badge text-bg-secondary">{{ $user->role?->slug }}</span>
                <span @class(['badge', 'text-bg-success' => $user->hasTwoFactorEnabled(), 'text-bg-warning' => ! $user->hasTwoFactorEnabled()])>{{ $user->hasTwoFactorEnabled() ? '2FA Verified' : '2FA Off' }}</span>
            </div>
            <a class="dropdown-item" href="{{ route('admin.profile') }}">Profile &amp; Security</a>
            <a class="dropdown-item" href="{{ route('admin.settings.index') }}">Settings</a>
            <form method="POST" action="{{ route('admin.logout') }}">
                @csrf
                <button class="dropdown-item text-danger" type="submit">Log Out</button>
            </form>
        </div>
    </div>
</header>