@php 
    use Illuminate\Support\Facades\Route;

    $logoLight  = 'assets/images/logo-light.png';
    $logoDark   = 'assets/images/logo-dark.png';
    if($logoLight != 'storage/' || $logoDark != 'storage/' ){
        $logoLight  = $logoLight;
        $logoDark   = $logoDark;
    }

@endphp
<div class="app-menu navbar-menu">
    <div class="navbar-brand-box">
        <a href="#" class="logo logo-dark">
            <span class="logo-sm">
                <img src="{{ URL::asset('assets/images/logo-sm-dark.png') }}?v={{ time() }}" alt="" height="22">
            </span>
            <span class="logo-lg">
                <img src="{{ URL::asset($logoDark) }}?v={{ time() }}" alt="" height="30">
            </span>
        </a>
        <a href="index" class="logo logo-light">
            <span class="logo-sm">
                <img src="{{ URL::asset('assets/images/logo-sm.png') }}?v={{ time() }}" alt="" height="22">
            </span>
            <span class="logo-lg">
                <img src="{{ URL::asset($logoLight) }}?v={{ time() }}" alt="" height="30">
            </span>
        </a>
        <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover" id="vertical-hover">
            <i class="ri-record-circle-line"></i>
        </button>
    </div>

    <div id="scrollbar">
        <div class="container-fluid">
            <div id="two-column-menu"></div>
            @php
                $menu = [
                    [
                        'label' => __('translation.sf_menus.admin.main'),
                        'is_title' => true,
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.applications'),
                        'icon'  => 'ri-apps-line',
                        'route' => 'admin.applications',
                        'active'=> ['admin.applications*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.companies'),
                        'icon'  => 'ri-building-2-fill',
                        'route' => 'admin.companies',
                        'active'=> ['admin.companies*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.users'),
                        'icon'  => 'ri-user-settings-fill',
                        'route' => 'admin.users',
                        'active'=> ['admin.users*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.email_settings'),
                        'icon'  => 'ri-mail-line',
                        'route' => 'admin.email_settings',
                        'active'=> ['admin.email_settings*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.backup_settings'),
                        'icon'  => 'ri-file-upload-line',
                        'route' => 'admin.backup_settings',
                        'active'=> ['admin.backup_settings*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.telematics'),
                        'icon'  => 'ri-gps-line',
                        'route' => 'admin.telematics',
                        'active'=> ['admin.telematics*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.geocoders'),
                        'icon'  => 'ri-global-fill',
                        'route' => 'admin.geocoders',
                        'active'=> ['admin.geocoders*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.modules'),
                        'icon'  => 'ri-apps-fill',
                        'route' => 'admin.modules',
                        'active'=> ['admin.modules*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.maps'),
                        'icon'  => 'ri-map-2-line',
                        'route' => 'admin.maps',
                        'active'=> ['admin.maps*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.mobile_operators'),
                        'icon'  => 'ri-sim-card-2-line',
                        'route' => 'admin.mobile_operators',
                        'active'=> ['admin.mobile_operators*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.vehicle_settings'),
                        'icon'  => 'ri-car-line',
                        'route' => 'admin.vehicle_settings',
                        'active'=> ['admin.vehicle_settings*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.supplier_sectors'),
                        'icon'  => 'ri-stack-fill',
                        'route' => 'admin.supplier_sectors',
                        'active'=> ['admin.supplier_sectors*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.financial_settings'),
                        'icon'  => 'ri-bank-card-line',
                        'route' => 'admin.financial_settings',
                        'active'=> ['admin.financial_settings*'],
                    ],
                    [
                        'label' => __('translation.sf_menus.admin.updates'),
                        'icon'  => 'ri-todo-line',
                        'route' => 'admin.updates',
                        'active'=> ['admin.updates*'],
                    ],
                ];
            @endphp

            <ul class="navbar-nav" id="navbar-nav">
                @foreach($menu as $item)
                    @if(($item['is_title'] ?? false) === true)
                        <li class="menu-title"><span>{{ $item['label'] }}</span></li>
                        @continue
                    @endif

                    @php
                        $routeName = $item['route'] ?? null;
                        $hasRoute  = $routeName && Route::has($routeName);
                        $url       = $hasRoute ? route($routeName) : '#';
                        $isActive  = $hasRoute ? request()->routeIs($item['active'] ?? [$routeName]) : false;
                    @endphp

                    @if(isset($item['can']) && !Gate::check($item['can'])) @continue @endif

                    <li class="nav-item">
                        <a class="nav-link menu-link {{ $isActive ? 'active' : '' }} {{ $hasRoute ? '' : 'disabled opacity-50 pointer-events-none' }}"
                        href="{{ $url }}"
                        @unless($hasRoute) aria-disabled="true" @endunless>
                            <i class="{{ $item['icon'] }}"></i><span>{{ $item['label'] }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>

        </div>
    </div>
    <div class="sidebar-background"></div>
</div>
<div class="vertical-overlay"></div>