@php
    $unreadCount = auth()->user()->notifications_custom()->whereNull('read_at')->count();

    $links = [
        ['route'=>'customer.dashboard', 'label'=>'نظرة عامة', 'icon'=>'home', 'match'=>['customer.dashboard']],
        ['route'=>'customer.orders.index', 'label'=>'طلباتي', 'icon'=>'cart', 'match'=>['customer.orders.*']],
        ['route'=>'customer.services.index', 'label'=>'خدماتي', 'icon'=>'server', 'match'=>['customer.services.*']],
        ['route'=>'customer.invoices.index', 'label'=>'الفواتير', 'icon'=>'document', 'match'=>['customer.invoices.*']],
        ['route'=>'customer.tickets.index', 'label'=>'التذاكر', 'icon'=>'chat', 'match'=>['customer.tickets.*']],
        ['route'=>'customer.notifications.index', 'label'=>'الإشعارات', 'icon'=>'bell', 'match'=>['customer.notifications.*'], 'badge' => $unreadCount],
        ['route'=>'customer.profile', 'label'=>'الملف الشخصي', 'icon'=>'user', 'match'=>['customer.profile*']],
    ];

    $icon = function ($name) {
        return match ($name) {
            'home'     => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l9-9 9 9M5 10v10h14V10"/>',
            'cart'     => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l3 12h11l3-9H6"/><circle cx="9" cy="20" r="1.5" fill="currentColor"/><circle cx="18" cy="20" r="1.5" fill="currentColor"/>',
            'server'   => '<rect x="3" y="4" width="18" height="6" rx="2" stroke-width="2"/><rect x="3" y="14" width="18" height="6" rx="2" stroke-width="2"/><circle cx="7" cy="7" r="0.8" fill="currentColor"/><circle cx="7" cy="17" r="0.8" fill="currentColor"/>',
            'document' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3h7l4 4v14H4V3h5z"/><path stroke-width="2" d="M9 11h6M9 15h4"/>',
            'chat'     => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12c0-4.4 4-8 9-8s9 3.6 9 8-4 8-9 8c-1.5 0-2.9-.3-4.2-.8L3 21l1-4.5C3.3 15.2 3 13.6 3 12z"/>',
            'bell'     => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.4-1.4A2 2 0 0118 14.2V11a6 6 0 00-4-5.7V5a2 2 0 10-4 0v.3C7.7 6.2 6 8.4 6 11v3.2c0 .5-.2 1-.6 1.4L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>',
            'user'     => '<circle cx="12" cy="8" r="4" stroke-width="2"/><path stroke-width="2" d="M4 21a8 8 0 0116 0"/>',
            default    => '',
        };
    };
@endphp

<aside class="w-72 shrink-0 hidden lg:block">
    <div class="card sticky top-24 p-4">
        <div class="flex items-center gap-3 px-3 pb-4 border-b border-border/60">
            <span class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-brand-100 text-brand-700 font-bold text-lg">
                {{ mb_substr(auth()->user()->name, 0, 1) }}
            </span>
            <div class="min-w-0">
                <p class="font-bold text-navy-900 truncate">{{ auth()->user()->name }}</p>
                <p class="text-xs text-navy-500 truncate">{{ auth()->user()->email }}</p>
            </div>
        </div>

        <nav class="mt-3 space-y-1">
            @foreach($links as $link)
                @php $isActive = collect($link['match'])->contains(fn($p) => request()->routeIs($p)); @endphp
                <a href="{{ route($link['route']) }}"
                   class="sidebar-link {{ $isActive ? 'sidebar-link-active' : '' }}">
                    <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">{!! $icon($link['icon']) !!}</svg>
                    <span class="flex-1">{{ $link['label'] }}</span>
                    @if(! empty($link['badge'] ?? null))
                        <span class="inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 rounded-full bg-red-500 text-white text-[10px] font-bold">{{ $link['badge'] }}</span>
                    @endif
                </a>
            @endforeach
        </nav>

        <div class="mt-4 pt-4 border-t border-border/60">
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button class="sidebar-link w-full text-red-600 hover:bg-red-50 hover:text-red-700">
                    <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H5a3 3 0 01-3-3V7a3 3 0 013-3h5a3 3 0 013 3v1"/></svg>
                    <span>تسجيل خروج</span>
                </button>
            </form>
        </div>
    </div>
</aside>