@php
    use App\Models\Company;
    use App\Support\ActiveCompany;

    // Only the Super Admin (id 1) may switch companies.
    $canSwitch = auth()->user()?->isSuperAdmin();
    $active    = $canSwitch ? ActiveCompany::get() : null;
    $companies = $canSwitch ? Company::orderBy('name')->get() : collect();
@endphp

@if ($canSwitch && $companies->count())
    <div class="dropdown foa-company-switcher">
        <button class="btn btn-sm btn-ghost-secondary d-inline-flex align-items-center gap-2 px-2"
                type="button" data-bs-toggle="dropdown" aria-expanded="false"
                {{ $companies->count() <= 1 ? 'disabled' : '' }}>
            <i class="ti ti-building-skyscraper text-secondary"></i>
            <span class="d-flex flex-column align-items-start lh-1">
                <span class="text-secondary" style="font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;">Company</span>
                <span class="fw-semibold" style="font-size:.8125rem;">{{ $active?->name ?? 'None' }}</span>
            </span>
            @if ($companies->count() > 1)
                <i class="ti ti-chevron-down text-secondary"></i>
            @endif
        </button>
        @if ($companies->count() > 1)
            <ul class="dropdown-menu dropdown-menu-end shadow-sm">
                <li><span class="dropdown-header">Switch company</span></li>
                @foreach ($companies as $company)
                    <li>
                        <form method="POST" action="{{ route('admin.companies.switch', $company) }}">
                            @csrf
                            <button type="submit" class="dropdown-item d-flex align-items-center justify-content-between gap-3
                                    {{ $active?->id === $company->id ? 'active' : '' }}">
                                <span>{{ $company->name }}</span>
                                @unless ($company->is_active)
                                    <span class="badge bg-secondary-lt">inactive</span>
                                @endunless
                            </button>
                        </form>
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
@endif