{{-- Боковая навигация личного кабинета --}}
@php
    $user = auth()->user();
    $nav = [
        ['label' => 'Главное', 'route' => 'cabinet.dashboard', 'active' => request()->routeIs('cabinet.dashboard'),
         'icon' => 'M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6Zm9.75 0A2.25 2.25 0 0 1 15.75 3.75H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6Zm-9.75 9.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25Zm9.75 0a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z'],
        ['label' => 'Мои объявления', 'route' => 'cabinet.ads.index', 'active' => request()->routeIs('cabinet.ads.*'),
         'icon' => 'M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z'],
        ['label' => 'Массовые загрузки', 'route' => 'cabinet.imports.index', 'active' => request()->routeIs('cabinet.imports.*'),
         'icon' => 'M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5'],
        ['label' => 'Сообщения', 'route' => 'cabinet.chat.index', 'active' => request()->routeIs('cabinet.chat.*'),
         'badge' => $unreadMessages ?? 0,
         'icon' => 'M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.12 2.99 2.7 3.22 1.21.18 2.43.32 3.66.41l3.3 3.3a.75.75 0 0 0 1.28-.53v-2.7a25.7 25.7 0 0 0 1.8-.18 3.28 3.28 0 0 0 2.7-3.23v-5.5A3.28 3.28 0 0 0 18.7 5.5a25.6 25.6 0 0 0-13.4 0A3.28 3.28 0 0 0 2.6 8.74v5.5Z'],
        ['label' => 'Приглашайте друзей', 'route' => 'cabinet.referrals', 'active' => request()->routeIs('cabinet.referrals'),
         'icon' => 'M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z'],
        ['label' => 'Профиль', 'route' => 'cabinet.profile', 'active' => request()->routeIs('cabinet.profile'),
         'icon' => 'M17.98 19.42a8.25 8.25 0 0 0-11.96 0m11.96 0A8.97 8.97 0 0 0 21 12a9 9 0 1 0-3.02 7.42M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'],
    ];

    // Группа «Внешние площадки»: виджеты для сайта + Telegram мини-приложения.
    $external = [
        ['label' => 'Виджеты для сайта', 'route' => 'cabinet.widgets.index', 'active' => request()->routeIs('cabinet.widgets.*'),
         'icon' => 'M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.4 48.4 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.4 48.4 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.4 48.4 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z'],
        ['label' => 'Telegram мини-приложения', 'route' => 'cabinet.miniapps.index', 'active' => request()->routeIs('cabinet.miniapps.*'),
         'icon' => 'm21.75 5.25-3.6 13.2a1.05 1.05 0 0 1-1.62.6l-4.32-3.18-2.16 2.07a.6.6 0 0 1-1.02-.39l-.27-3.9 7.62-6.87c.18-.165-.045-.255-.27-.12l-9.42 5.94-3.93-1.23a.9.9 0 0 1-.03-1.71l17.1-6.6a.9.9 0 0 1 1.2 1.02Z'],
    ];
@endphp

<aside class="lg:w-[260px] lg:shrink-0">
    {{-- Карточка пользователя --}}
    <a href="{{ route('cabinet.profile') }}" class="mb-4 flex items-center gap-3">
        <div class="grid h-12 w-12 shrink-0 place-items-center overflow-hidden rounded-full bg-brand-100 text-lg font-bold text-brand-700">
            @if ($user->avatarUrl())
                <img src="{{ $user->avatarUrl() }}" class="h-full w-full object-cover" alt="">
            @else
                {{ $user->initial() }}
            @endif
        </div>
        <div class="min-w-0">
            <div class="truncate font-bold text-gray-900">{{ $user->displayName() }}</div>
            <div class="text-xs text-muted">
                @if ($user->reviews_count > 0)
                    {{ $user->rating_cache }} ★ · {{ $user->reviews_count }} отзывов
                @else
                    нет отзывов
                @endif
            </div>
        </div>
    </a>

    {{-- Пункты меню. На мобильном — горизонтальная прокрутка вкладок. --}}
    <nav class="flex gap-1 overflow-x-auto no-scrollbar lg:flex-col">
        @php
            $navLink = function (array $item) {
                $active = $item['active'] ?? false;
                $cls = $active ? 'bg-brand-100 text-brand-800' : 'text-gray-700 hover:bg-gray-50';
                return [$active, $cls];
            };
        @endphp
        @foreach ($nav as $item)
            @php [$active, $cls] = $navLink($item); @endphp
            <a href="{{ route($item['route']) }}"
               class="flex shrink-0 items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium transition lg:shrink {{ $cls }}">
                <svg class="h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7">
                    <path stroke-linecap="round" stroke-linejoin="round" d="{{ $item['icon'] }}" />
                </svg>
                <span class="whitespace-nowrap">{{ $item['label'] }}</span>
                @if (($item['badge'] ?? 0) > 0)
                    <span class="ml-auto grid h-5 min-w-5 place-items-center rounded-full bg-red-500 px-1.5 text-xs font-bold text-white">{{ $item['badge'] }}</span>
                @endif
            </a>
        @endforeach

        {{-- Внешние площадки --}}
        <div class="mt-2 hidden px-3 pt-2 text-xs font-semibold uppercase tracking-wide text-muted lg:block">Внешние площадки</div>
        @foreach ($external as $item)
            @php [$active, $cls] = $navLink($item); @endphp
            <a href="{{ route($item['route']) }}"
               class="flex shrink-0 items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium transition lg:shrink {{ $cls }}">
                <svg class="h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7">
                    <path stroke-linecap="round" stroke-linejoin="round" d="{{ $item['icon'] }}" />
                </svg>
                <span class="whitespace-nowrap">{{ $item['label'] }}</span>
            </a>
        @endforeach
    </nav>
</aside>