@php
    $navigation = app(\App\ModuleKernel\Navigation\NavigationBuilder::class)->build(auth()->user());
    $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

{{--
    The application shell's primary navigation.

    Structurally identical to the dashboard's sidebar so the product reads as
    one system, but built on Bootstrap's collapse and dropdown rather than
    Alpine: these screens load the Bootstrap bundle, and pulling Tailwind in
    beside it would reset the styling of every module view.
--}}
<div class="clinic-backdrop" data-clinic-toggle="sidebar" aria-hidden="true"></div>

<aside class="clinic-sidebar" id="clinic-sidebar">
    <div class="clinic-sidebar__brand">
        <span class="clinic-sidebar__logo">
            <x-dash.icon name="heart" />
        </span>
        <span class="clinic-sidebar__title">
            <strong>{{ config('clinic.product.short_name') }}</strong>
            <small>{{ config('clinic.product.name') }}</small>
        </span>

        <button class="clinic-sidebar__close" type="button"
                data-clinic-toggle="sidebar" aria-label="{{ __('common.close') }}">
            <x-dash.icon name="x-mark" />
        </button>
    </div>

    <nav class="clinic-sidebar__nav" aria-label="{{ __('nav.primary') }}">
        <ul class="nav flex-column gap-1">
            @foreach ($navigation as $item)
                @if ($item->hasChildren())
                    @php
                        $groupId = 'nav-group-'.$loop->index;
                        // A group containing the current page opens on load —
                        // otherwise staff land on a screen whose own menu entry
                        // is hidden inside a collapsed section.
                        $groupActive = collect($item->children)
                            ->contains(fn ($child) => $child->route !== null && request()->routeIs($child->route));
                    @endphp
                    <li class="nav-item">
                        <button class="nav-link clinic-sidebar__group" type="button"
                                data-bs-toggle="collapse" data-bs-target="#{{ $groupId }}"
                                aria-expanded="{{ $groupActive ? 'true' : 'false' }}" aria-controls="{{ $groupId }}">
                            @if ($item->icon)
                                <x-dash.icon :name="$item->icon" />
                            @endif
                            <span>{{ $item->label }}</span>
                            <x-dash.icon name="chevron-down" class="clinic-sidebar__chevron" />
                        </button>

                        <ul class="nav flex-column collapse clinic-sidebar__submenu {{ $groupActive ? 'show' : '' }}" id="{{ $groupId }}">
                            @foreach ($item->children as $child)
                                <li class="nav-item">
                                    <a class="nav-link {{ $child->route !== null && request()->routeIs($child->route) ? 'active' : '' }}"
                                       @if ($child->route !== null && request()->routeIs($child->route)) aria-current="page" @endif
                                       href="{{ $child->route !== null ? route($child->route) : '#' }}">
                                        @if ($child->icon)
                                            <x-dash.icon :name="$child->icon" />
                                        @endif
                                        <span>{{ $child->label }}</span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </li>
                @else
                    <li class="nav-item">
                        {{--
                            Some screens are their own application shell — a
                            different stylesheet and a different script bundle,
                            which a content swap cannot bring with it. Marked so
                            the click goes straight to a real page load instead
                            of fetching the page, discovering it is a whole
                            document, and then fetching it again.
                        --}}
                        <a class="nav-link {{ $item->route !== null && request()->routeIs($item->route) ? 'active' : '' }}"
                           @if ($item->route !== null && request()->routeIs($item->route)) aria-current="page" @endif
                           @if (in_array($item->route, config('clinic.standalone_shells', []), true)) data-clinic-no-swap @endif
                           href="{{ $item->route !== null ? route($item->route) : '#' }}">
                            @if ($item->icon)
                                <x-dash.icon :name="$item->icon" />
                            @endif
                            <span>{{ $item->label }}</span>
                        </a>
                    </li>
                @endif
            @endforeach
        </ul>
    </nav>

    @auth
        <div class="clinic-sidebar__footer dropup">
            <button class="clinic-sidebar__profile" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                <span class="clinic-avatar clinic-avatar--online">{{ $initials !== '' ? $initials : '?' }}</span>
                <span class="flex-grow-1 min-w-0">
                    <strong class="text-truncate d-block">{{ $user->name }}</strong>
                    <small class="text-truncate d-block">{{ $user->email }}</small>
                </span>
                <x-dash.icon name="chevron-down" class="clinic-sidebar__chevron" />
            </button>

            <ul class="dropdown-menu w-100">
                <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>

            <small class="clinic-sidebar__version">v{{ config('clinic.product.version') }}</small>
        </div>
    @endauth
</aside>