@php
    $navItems = [
        ['route' => 'dashboard', 'icon' => 'ph-light ph-squares-four', 'label' => 'Dashboard'],
        ['route' => 'staff.index', 'icon' => 'ph-light ph-users-three', 'label' => 'Staff & Permissions', 'active_routes' => ['staff.*', 'roles.*']],
        ['route' => 'modules.index', 'icon' => 'ph-light ph-puzzle-piece', 'label' => 'Modules'],
        ['route' => 'marketplace.index', 'icon' => 'ph-light ph-storefront', 'label' => 'Marketplace'],
        ['route' => 'wallet.index', 'icon' => 'ph-light ph-wallet', 'label' => 'Wallet'],
        ['route' => 'updates.index', 'icon' => 'ph-light ph-arrow-clockwise', 'label' => 'Updates'],
        ['route' => 'settings.index', 'icon' => 'ph-light ph-gear', 'label' => 'Settings'],
        ['route' => 'audit-logs.index', 'icon' => 'ph-light ph-clock-counter-clockwise', 'label' => 'Audit Logs'],
    ];
@endphp

<aside class="sidebar">
    <div class="sidebar-header">
        <a href="{{ Route::has('dashboard') ? route('dashboard') : '#' }}" class="sidebar-logo">
            <div class="sidebar-logo-icon">
                <img src="{{ asset('assets/img/logo.webp') }}" alt="{{ config('app.name') }}">
            </div>
            <span class="sidebar-logo-text">{{ config('app.name', 'Admin') }}</span>
        </a>
        <button class="sidebar-close" type="button">
            <i class="bi bi-x-lg"></i>
        </button>
    </div>

    <nav class="sidebar-nav">
        <ul class="nav-menu">
            <li class="nav-heading"><span>Main</span></li>
            @foreach ($navItems as $item)
                @if (Route::has($item['route']))
                    @php
                        $isActive = request()->routeIs($item['route'].'*')
                            || request()->routeIs($item['route'])
                            || (! empty($item['active_routes']) && request()->routeIs($item['active_routes']));
                    @endphp
                    <li class="nav-item">
                        <a class="nav-link {{ $isActive ? 'active' : '' }}"
                           href="{{ route($item['route']) }}">
                            <span class="nav-icon"><i class="{{ $item['icon'] }}"></i></span>
                            <span class="nav-text">{{ $item['label'] }}</span>
                        </a>
                    </li>
                @endif
            @endforeach
        </ul>
    </nav>

    <div class="sidebar-footer">
        <div class="sidebar-footer-user">
            <a href="{{ Route::has('profile.edit') ? route('profile.edit') : '#' }}" class="sidebar-footer-profile">
                <img src="{{ asset('assets/img/profile-img.webp') }}" alt="User" class="sidebar-footer-avatar">
                <div class="sidebar-footer-info">
                    <div class="sidebar-footer-name">{{ auth()->user()->name ?? 'Admin' }}</div>
                    <div class="sidebar-footer-role">{{ auth()->user()?->roles?->first()?->name ?? 'Administrator' }}</div>
                </div>
            </a>
            <div class="sidebar-footer-actions">
                @if (Route::has('settings.index'))
                    <a href="{{ route('settings.index') }}" class="sidebar-footer-action" title="Settings">
                        <i class="bi bi-gear"></i>
                    </a>
                @endif
                @if (Route::has('logout'))
                    <form action="{{ route('logout') }}" method="POST" class="d-inline">
                        @csrf
                        <button type="submit" class="sidebar-footer-action sidebar-footer-logout border-0 bg-transparent" title="Logout">
                            <i class="bi bi-box-arrow-right"></i>
                        </button>
                    </form>
                @endif
            </div>
        </div>
    </div>
</aside>