{{-- Sidebar Admin — DaisyRisk Light Theme (Focused Admin Navigation) --}}
<aside class="dr-sidebar flex flex-col w-60 shrink-0" style="min-height: 100vh;">

    {{-- Brand --}}
    <div class="dr-sidebar-brand flex items-center gap-3 px-5 py-5">
        <div class="w-9 h-9 rounded-xl flex items-center justify-center text-xl shadow-sm"
             style="background: linear-gradient(135deg, #F59E0B, #D97706);">
            🌼
        </div>
        <div>
            <span class="block text-sm font-extrabold brand-name leading-tight">DaisyRisk</span>
            <span class="block text-xs brand-sub leading-tight">Admin Panel</span>
        </div>
    </div>

    {{-- Navigation --}}
    <nav class="flex-1 overflow-y-auto py-3 px-2 space-y-0.5">

        @php
            $link = function (string $label, string $icon, string $route, string $match = '') {
                $active = request()->routeIs($match ?: $route);
                $cls = $active ? 'dr-nav-item active' : 'dr-nav-item';
                return '<a href="' . route($route) . '" class="' . $cls . '">'
                    . '<span class="nav-icon">' . $icon . '</span>'
                    . '<span>' . e($label) . '</span>'
                    . '</a>';
            };
        @endphp

        {{-- Main --}}
        <div class="dr-sidebar-label">Administration</div>
        {!! $link('Dashboard',        '🏠', 'admin.dashboard') !!}

        {{-- Management --}}
        <div class="dr-sidebar-label" style="margin-top:10px;">Management</div>
        {!! $link('User Management',  '👤', 'admin.users.index', 'admin.users.*') !!}
        {!! $link('Port Dataset',     '⚓', 'admin.ports.index',     'admin.ports.*') !!}
        {!! $link('Article Analysis', '📰', 'admin.articles.index', 'admin.articles.*') !!}

        {{-- System --}}
        <div class="dr-sidebar-label" style="margin-top:10px;">System</div>
        {!! $link('Risk Scores',      '📊', 'admin.risk_scores.index',   'admin.risk_scores.*') !!}
        {!! $link('Exchange Rates',   '💱', 'admin.exchange_rates.index', 'admin.exchange_rates.*') !!}

    </nav>

    {{-- Logout at bottom --}}
    <div class="px-3 pb-4 pt-2" style="border-top: 1px solid var(--dr-sidebar-border);">
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit"
                    class="dr-nav-item w-full text-left"
                    style="color: #DC2626; display:flex; align-items:center; gap:10px; padding:9px 12px;
                           border-radius:10px; font-size:13px; font-weight:600; background:none; border:none;
                           cursor:pointer; transition:background 0.15s;"
                    onmouseover="this.style.background='rgba(220,38,38,0.08)'"
                    onmouseout="this.style.background='none'">
                <span>🚪</span>
                <span>Logout</span>
            </button>
        </form>
        <p class="text-xs mt-2 px-3" style="color: var(--dr-text-subtle);">v1.0 · DaisyRisk Intelligence</p>
    </div>

</aside>