{{-- Partial: App topbar — company switcher, clock, notifications, user menu --}}
@php
  $authUser = auth()->user();
  $displayName = $authUser?->name ?? 'Guest';
  $initials = collect(preg_split('/\s+/', trim($displayName)))
    ->filter()
    ->map(fn ($p) => mb_strtoupper(mb_substr($p, 0, 1)))
    ->take(2)
    ->implode('') ?: 'U';
  $roleLabel = $authUser?->role?->name ?? 'User';
  $topbarCompanies = $topbarCompanies ?? \App\Models\Company::query()
    ->where('status', 'Active')
    ->orderBy('name')
    ->get(['id', 'name']);
  $activeCompany = $activeCompany ?? \App\Models\Setting::activeCompany();
@endphp
<header class="app-topbar">
  <div class="app-topbar__left">
    <button type="button" class="app-topbar__toggle" data-sidebar-toggle aria-label="Open menu">
      <i class="bi bi-list fs-4" aria-hidden="true"></i>
    </button>
    <button type="button" class="app-topbar__icon-btn d-none d-lg-grid" data-sidebar-collapse aria-label="Collapse sidebar">
      <i class="bi bi-layout-sidebar-inset" aria-hidden="true"></i>
    </button>

    <div class="dropdown app-topbar__company">
      <button
        type="button"
        class="app-topbar__company-btn"
        id="topbar_company_btn"
        data-bs-toggle="dropdown"
        data-bs-auto-close="true"
        aria-expanded="false"
        aria-label="Select company"
        @disabled($topbarCompanies->isEmpty())
      >
        <i class="bi bi-building" aria-hidden="true"></i>
        <span class="app-topbar__company-label">{{ $activeCompany?->name ?? 'No companies' }}</span>
        <i class="bi bi-chevron-down app-topbar__company-chevron" aria-hidden="true"></i>
      </button>
      <ul class="dropdown-menu app-topbar__company-menu" aria-labelledby="topbar_company_btn">
        @forelse ($topbarCompanies as $company)
          @php $isActive = (string) $activeCompany?->id === (string) $company->id; @endphp
          <li>
            @if ($isActive)
              <span class="dropdown-item app-topbar__company-item is-active" aria-current="true">
                <i class="bi bi-check2" aria-hidden="true"></i>
                <span>{{ $company->name }}</span>
              </span>
            @else
              <form method="post" action="{{ route('settings.company.switch') }}">
                @csrf
                <input type="hidden" name="company_id" value="{{ $company->id }}">
                <button type="submit" class="dropdown-item app-topbar__company-item">
                  <i class="bi bi-building" aria-hidden="true"></i>
                  <span>{{ $company->name }}</span>
                </button>
              </form>
            @endif
          </li>
        @empty
          <li>
            <span class="dropdown-item disabled">No companies</span>
          </li>
        @endforelse
      </ul>
    </div>
  </div>

  <div class="app-topbar__right">
    <div class="app-topbar__status" aria-live="polite">
      <div class="app-topbar__clock" id="app-topbar-clock" title="Local time">
        <span class="app-topbar__clock-icon" aria-hidden="true"><i class="bi bi-clock"></i></span>
        <span class="app-topbar__clock-meta">
          <span class="app-topbar__clock-time" data-clock-time>--</span>
          <span class="app-topbar__clock-date" data-clock-date>--</span>
        </span>
      </div>
      <span class="app-topbar__live">
        <span class="app-topbar__live-pulse" aria-hidden="true"></span>
        Live
      </span>
    </div>

    <button type="button" class="app-topbar__icon-btn app-topbar__icon-btn--notify" aria-label="Notifications">
      <i class="bi bi-bell" aria-hidden="true"></i>
      <span class="dot" aria-hidden="true"></span>
    </button>

    <div class="dropdown app-topbar__user-dropdown">
      <button type="button" class="app-topbar__user" data-bs-toggle="dropdown" aria-expanded="false" aria-label="User menu">
        <span class="app-topbar__avatar" aria-hidden="true">{{ $initials }}</span>
        <span class="app-topbar__user-meta">
          <span class="app-topbar__user-name">{{ $displayName }}</span>
          <span class="app-topbar__user-role">{{ $roleLabel }}</span>
        </span>
        <i class="bi bi-chevron-down app-topbar__user-chevron" aria-hidden="true"></i>
      </button>
      <ul class="dropdown-menu dropdown-menu-end app-topbar__menu">
        <li class="app-topbar__menu-head">
          <span class="app-topbar__menu-avatar" aria-hidden="true">{{ $initials }}</span>
          <span>
            <strong>{{ $displayName }}</strong>
            <small>{{ $authUser?->email ?? '' }}</small>
          </span>
        </li>
        <li><hr class="dropdown-divider"></li>
        <li>
          <a class="dropdown-item" href="{{ route('profile.edit') }}">
            <i class="bi bi-person" aria-hidden="true"></i> Profile
          </a>
        </li>
        <li><hr class="dropdown-divider"></li>
        <li>
          <form method="post" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="dropdown-item text-danger">
              <i class="bi bi-box-arrow-right" aria-hidden="true"></i> Sign out
            </button>
          </form>
        </li>
      </ul>
    </div>
  </div>
</header>