@props([
    'route'    => null,     // route name; null/unregistered => rendered disabled
    'label',
    'icon'     => 'chart',
    'badge'    => null,
    'disabled' => false,
])

@php
    // A nav entry whose route does not exist yet is shown disabled rather than
    // linking nowhere. Phase 1 deliberately ships several of these (Users &
    // Roles, API Management, System Health, Backup & Restore) - a sidebar full
    // of 404s is worse than one that is visibly "not built yet".
    $exists   = $route && \Illuminate\Support\Facades\Route::has($route);
    $isOff    = $disabled || ! $exists;
    $isActive = $exists && request()->routeIs(\Illuminate\Support\Str::before($route, '.').'*');
@endphp

@if ($isOff)
    <span class="nav-link nav-link-disabled" aria-disabled="true" title="Coming soon">
        <x-icon :name="$icon" class="size-5 shrink-0" />
        <span class="flex-1 truncate">{{ $label }}</span>
        <span class="rounded-md bg-slate-700/50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide">Soon</span>
    </span>
@else
    <a href="{{ route($route) }}"
       @if ($isActive) aria-current="page" @endif
       class="nav-link {{ $isActive ? 'nav-link-active' : '' }}">
        <x-icon :name="$icon" class="size-5 shrink-0" />
        <span class="flex-1 truncate">{{ $label }}</span>

        @if ($badge)
            <span class="rounded-full bg-red-500 px-1.5 py-0.5 text-[10px] font-bold text-white">{{ $badge }}</span>
        @endif
    </a>
@endif