@php

    $user = auth()->user();

    $isCustomer = $user?->isCustomer() ?? false;

    $customerModules = $isCustomer ? app(\App\Services\Module\ModuleManager::class)->accessibleModulesForUser($user) : [];



    $staffNavItems = [

        ['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.*', 'customers.*']],

        ['route' => 'modules.index', 'icon' => 'ph-light ph-puzzle-piece', 'label' => 'Modules', 'permission' => 'MODULES_VIEW'],

        ['route' => 'marketplace.index', 'icon' => 'ph-light ph-storefront', 'label' => 'Marketplace', 'permission' => 'MARKETPLACE_VIEW'],

        ['route' => 'wallet.index', 'icon' => 'ph-light ph-wallet', 'label' => 'Wallet', 'permission' => 'MARKETPLACE_VIEW'],

        ['route' => 'updates.index', 'icon' => 'ph-light ph-arrow-clockwise', 'label' => 'Updates', 'permission' => 'SETTINGS_VIEW'],

        ['route' => 'settings.index', 'icon' => 'ph-light ph-gear', 'label' => 'Settings', 'permission' => 'SETTINGS_VIEW'],

        ['route' => 'audit-logs.index', 'icon' => 'ph-light ph-clock-counter-clockwise', 'label' => 'Audit Logs', 'permission' => 'AUDIT_VIEW'],

    ];

@endphp



<aside class="sidebar">

    <div class="sidebar-header">

        <a href="{{ $isCustomer && Route::has('customer.home') ? route('customer.home') : (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">

            @if ($isCustomer)

                <li class="nav-heading"><span>My Account</span></li>

                @if (Route::has('customer.home'))

                    <li class="nav-item">

                        <a class="nav-link {{ request()->routeIs('customer.home') ? 'active' : '' }}" href="{{ route('customer.home') }}">

                            <span class="nav-icon"><i class="ph-light ph-house"></i></span>

                            <span class="nav-text">Home</span>

                        </a>

                    </li>

                @endif

                @if (count($customerModules) > 0)

                    <li class="nav-heading"><span>Modules</span></li>

                    @foreach ($customerModules as $module)

                        <li class="nav-item">

                            <a class="nav-link {{ request()->routeIs($module['route']) || request()->routeIs(str_contains($module['route'], '.') ? substr($module['route'], 0, strrpos($module['route'], '.')).'.*' : $module['route']) ? 'active' : '' }}"

                               href="{{ route($module['route']) }}">

                                <span class="nav-icon"><i class="{{ $module['icon'] }}"></i></span>

                                <span class="nav-text">{{ $module['name'] }}</span>

                            </a>

                        </li>

                    @endforeach

                @endif

            @else

                <li class="nav-heading"><span>Main</span></li>

                @foreach ($staffNavItems as $item)

                    @if (Route::has($item['route']))

                        @if (! empty($item['permission']) && ! auth()->user()?->can($item['permission']))

                            @continue

                        @endif

                        @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

            @endif

        </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 ?? 'User' }}</div>

                    <div class="sidebar-footer-role">{{ $isCustomer ? 'Customer' : (auth()->user()?->roles?->first()?->name ?? 'Staff') }}</div>

                </div>

            </a>

            <div class="sidebar-footer-actions">

                @if (! $isCustomer && Route::has('settings.index') && auth()->user()?->can('SETTINGS_VIEW'))

                    <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>