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

    $initials = collect(preg_split('/\s+/', trim((string) $user?->name)) ?: [])
        ->filter()
        ->take(2)
        ->map(fn (string $part) => mb_strtoupper(mb_substr($part, 0, 1)))
        ->implode('');
@endphp

<header class="clinic-topbar">
    <button class="clinic-topbar__icon-btn clinic-topbar__toggle" type="button"
            data-clinic-toggle="sidebar" aria-label="{{ __('nav.toggle_sidebar') }}" aria-controls="clinic-sidebar">
        <x-dash.icon name="bars-3" />
    </button>

    {{--
        Global search is the primary navigation in this product. A receptionist
        should reach any patient by MRN, name or phone without leaving the
        keyboard, so "/" focuses it from anywhere.

        The endpoint belongs to whichever module provides it, and the guard
        means the box simply disappears when that module is not installed. Known
        coupling: core names one module's route. It stays this way until a
        second searchable module exists, at which point it becomes a registry
        modules contribute to — building that registry for one provider would be
        machinery with nothing to manage.
    --}}
    @if (Route::has('patients.search'))
        <div class="clinic-topbar__search" role="search">
            <x-dash.icon name="magnifying-glass" />
            <input type="search" class="form-control" autocomplete="off"
                   data-clinic-global-search
                   data-source="{{ route('patients.search') }}"
                   placeholder="{{ __('common.search_placeholder') }}"
                   aria-label="{{ __('common.search') }}"
                   aria-controls="clinic-search-results"
                   role="combobox" aria-expanded="false" aria-autocomplete="list">
            <kbd>/</kbd>

            <ul class="list-group clinic-topbar__results d-none" id="clinic-search-results" role="listbox"></ul>
        </div>
    @endif

    <div class="clinic-topbar__actions">
        <button class="clinic-topbar__icon-btn" type="button"
                data-clinic-theme-toggle aria-label="{{ __('common.toggle_theme') }}">
            <x-dash.icon name="moon" class="clinic-topbar__theme-light" />
            <x-dash.icon name="sun" class="clinic-topbar__theme-dark" />
        </button>

        @auth
            @if ($user->branch !== null)
                <span class="clinic-topbar__branch" title="{{ __('nav.active_branch') }}">
                    <x-dash.icon name="building" /> {{ $user->branch->name }}
                </span>
            @endif

            <div class="dropdown">
                <button class="clinic-topbar__profile dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="clinic-avatar clinic-avatar--sm">{{ $initials !== '' ? $initials : '?' }}</span>
                    <span class="text-truncate">{{ $user->name }}</span>
                </button>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li><a class="dropdown-item" href="{{ url('/profile') }}">{{ __('nav.profile') }}</a></li>
                    <li><hr class="dropdown-divider"></li>
                    <li>
                        <form method="POST" action="{{ url('/logout') }}">
                            @csrf
                            <button type="submit" class="dropdown-item">{{ __('nav.sign_out') }}</button>
                        </form>
                    </li>
                </ul>
            </div>
        @endauth
    </div>
</header>