@php
    $user = auth()->user();
    $role = $user->role ?? '';
    $dashRoute = match ($role) {
        'admin' => 'admin.dashboard',
        'manager' => 'manager.dashboard',
        'influencer' => 'influencer.dashboard',
        default => 'login',
    };
    $isDashActive =
        request()->routeIs('admin.dashboard') ||
        request()->routeIs('manager.dashboard') ||
        request()->routeIs('influencer.dashboard');

    $pendingCount = 0;
    try {
        $pendingCount = \App\Models\User::where('is_approved', false)->where('role', 'influencer')->count();
    } catch (\Throwable $e) {
        $pendingCount = 0;
    }
@endphp

<aside class="sidebar" id="sidebar">

    <div class="sidebar-logo">
    <img src="{{ asset('Arissa.svg') }}" alt="Arissa" style="height:48px; width:auto; margin-left:25px;">
</div>

    <nav class="sidebar-nav" style="padding-left: 30px;">

        {{-- Overview --}}
        <span class="nav-label">Overview</span>

        <a href="{{ route($dashRoute) }}" class="nav-item {{ $isDashActive ? 'active' : '' }}">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <rect x="3" y="3" width="7" height="7" rx="1" />
                <rect x="14" y="3" width="7" height="7" rx="1" />
                <rect x="14" y="14" width="7" height="7" rx="1" />
                <rect x="3" y="14" width="7" height="7" rx="1" />
            </svg>
            Dashboard
        </a>

        {{-- Campaigns --}}
        <span class="nav-label">Campaigns</span>

        <a href="{{ route('campaigns.index') }}"
            class="nav-item {{ request()->routeIs('campaigns.*') && !request()->routeIs('campaigns.channels.*') ? 'active' : '' }}">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <polygon points="23 7 16 12 23 17 23 7" />
                <rect x="1" y="5" width="15" height="14" rx="2" ry="2" />
            </svg>
            Campaigns
        </a>

        @if (in_array($role, ['admin', 'manager']))
            <a href="{{ route('influencers.index') }}"
                class="nav-item {{ request()->routeIs('influencers.*') ? 'active' : '' }}">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
                    <circle cx="9" cy="7" r="4" />
                    <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
                </svg>
                Influencers
            </a>

            @if (request()->routeIs('influencers.*'))
                <a href="{{ route('influencers.index') }}"
                    class="nav-item nav-sub {{ !request()->is('*#approved') ? 'active' : '' }}"
                    style="padding-left:38px;font-size:12.5px;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
                        <polyline points="17 8 12 3 7 8" />
                        <line x1="12" y1="3" x2="12" y2="15" />
                    </svg>
                    Active
                </a>
                <a href="{{ route('influencers.index') }}#approved"
                    onclick="setTimeout(()=>window.switchTab&&window.switchTab('approved'),50)" class="nav-item nav-sub"
                    style="padding-left:38px;font-size:12.5px;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
                        <circle cx="9" cy="7" r="4" />
                        <polyline points="16 11 18 13 22 9" />
                    </svg>
                    Approved
                    @if ($pendingCount > 0)
                        <span class="nav-badge"
                            style="background:rgba(239,68,68,.1);color:#dc2626;border-color:rgba(239,68,68,.2);">{{ $pendingCount }}</span>
                    @endif
                </a>
            @endif
        @endif

        {{-- Administration --}}
       @if (in_array($role, ['admin', 'manager']))
            <span class="nav-label">Administration</span>

            <a href="{{ route('admin.users') }}"
                class="nav-item {{ request()->routeIs('admin.users') || request()->routeIs('admin.edit_user') ? 'active' : '' }}">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
                    <circle cx="9" cy="7" r="4" />
                    <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
                </svg>
                Account
                @if ($pendingCount > 0)
                    <span class="nav-badge">{{ $pendingCount }}</span>
                @endif
            </a>
        @endif

    </nav>

    {{-- User footer --}}
    <div class="sidebar-footer">
        <div class="sidebar-user">
            <div class="user-avatar">
                {{ strtoupper(substr($user->name ?? 'U', 0, 1)) }}
            </div>
            <div class="user-info">
                <div class="user-name">{{ $user->name ?? 'User' }}</div>
                <span class="role-badge role-badge-{{ $role }}">{{ ucfirst($role) }}</span>
            </div>
        </div>
    </div>

</aside>