@php
    $user = auth('admin')->user();
@endphp

<div class="offcanvas-lg offcanvas-start app-sidebar" tabindex="-1" id="adminSidebar" aria-labelledby="adminSidebarLabel">
    <div class="offcanvas-header d-lg-none">
        <h2 class="offcanvas-title h6 mb-0" id="adminSidebarLabel">{{ $settings->name }}</h2>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#adminSidebar" aria-label="{{ __('lang.close_menu') }}"></button>
    </div>

    <div class="offcanvas-body d-flex flex-column p-0">
        <div class="app-sidebar-brand d-none d-lg-flex align-items-center justify-content-between">
            <a href="{{ route('admin.dashboard') }}" class="d-flex align-items-center gap-2 text-decoration-none text-reset text-truncate">
                @if ($settings->logoUrl())
                    <img src="{{ $settings->logoUrl() }}" alt="{{ $settings->name }}" class="rounded-3 flex-shrink-0" style="width: 2rem; height: 2rem; object-fit: cover;">
                @else
                    <x-ui.avatar :name="$settings->name" />
                @endif
            </a>

            <x-ui.icon-button id="sidebarCollapseToggle" class="border-0 sidebar-collapse-toggle" :label="__('lang.toggle_sidebar')">
                <i class="bi bi-chevron-double-right"></i>
            </x-ui.icon-button>
        </div>

        <nav class="flex-grow-1 overflow-y-auto p-2">
            {{-- Dashboard --}}
            <ul class="nav flex-column gap-1 mb-1">
                <li class="nav-item">
                    <a href="{{ route('admin.dashboard') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}" title="{{ __('lang.dashboard') }}">
                        <i class="bi bi-speedometer2"></i>
                        <span class="sidebar-label">{{ __('lang.dashboard') }}</span>
                    </a>
                </li>
            </ul>

            {{-- Management --}}
            <div class="app-sidebar-section-label sidebar-label">{{ __('lang.management') }}</div>
            <ul class="nav flex-column gap-1 mb-3">
                @can('offices.view')
                    <li class="nav-item">
                        <a href="{{ route('admin.offices.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.offices.*') ? 'active' : '' }}" title="{{ __('lang.offices') }}">
                            <i class="bi bi-building"></i>
                            <span class="sidebar-label">{{ __('lang.offices') }}</span>
                        </a>
                    </li>
                @endcan

                @can('workers.view')
                    <li class="nav-item">
                        <a href="{{ route('admin.workers.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.workers.*') ? 'active' : '' }}" title="{{ __('lang.workers') }}">
                            <i class="bi bi-people"></i>
                            <span class="sidebar-label">{{ __('lang.workers') }}</span>
                        </a>
                    </li>
                @endcan
            </ul>

            {{-- Lookups --}}
            @canany(['nationalities.manage', 'job-types.manage'])
                @php $lookupsActive = request()->routeIs('admin.nationalities.*', 'admin.job-types.*'); @endphp
                <ul class="nav flex-column gap-1 mb-3">
                    <li class="nav-item">
                        <a href="#sidebarLookupsSubmenu" role="button" class="app-sidebar-link app-sidebar-toggle nav-link d-flex align-items-center gap-2 {{ $lookupsActive ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="{{ $lookupsActive ? 'true' : 'false' }}" aria-controls="sidebarLookupsSubmenu" title="{{ __('lang.lookups') }}">
                            <i class="bi bi-tags"></i>
                            <span class="sidebar-label">{{ __('lang.lookups') }}</span>
                            <i class="bi bi-chevron-down app-sidebar-toggle-caret sidebar-label"></i>
                        </a>
                        <ul class="collapse nav flex-column gap-1 app-sidebar-submenu {{ $lookupsActive ? 'show' : '' }}" id="sidebarLookupsSubmenu">
                            @can('nationalities.manage')
                                <li class="nav-item">
                                    <a href="{{ route('admin.nationalities.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.nationalities.*') ? 'active' : '' }}" title="{{ __('lang.nationalities') }}">
                                        <i class="bi bi-flag"></i>
                                        <span class="sidebar-label">{{ __('lang.nationalities') }}</span>
                                    </a>
                                </li>
                            @endcan

                            @can('job-types.manage')
                                <li class="nav-item">
                                    <a href="{{ route('admin.job-types.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.job-types.*') ? 'active' : '' }}" title="{{ __('lang.job_types') }}">
                                        <i class="bi bi-briefcase"></i>
                                        <span class="sidebar-label">{{ __('lang.job_types') }}</span>
                                    </a>
                                </li>
                            @endcan
                        </ul>
                    </li>
                </ul>
            @endcanany

            {{-- Locations --}}
            @canany(['regions.manage', 'cities.manage', 'areas.manage'])
                @php $locationsActive = request()->routeIs('admin.regions.*', 'admin.cities.*', 'admin.areas.*'); @endphp
                <ul class="nav flex-column gap-1 mb-3">
                    <li class="nav-item">
                        <a href="#sidebarLocationsSubmenu" role="button" class="app-sidebar-link app-sidebar-toggle nav-link d-flex align-items-center gap-2 {{ $locationsActive ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="{{ $locationsActive ? 'true' : 'false' }}" aria-controls="sidebarLocationsSubmenu" title="{{ __('lang.locations') }}">
                            <i class="bi bi-geo"></i>
                            <span class="sidebar-label">{{ __('lang.locations') }}</span>
                            <i class="bi bi-chevron-down app-sidebar-toggle-caret sidebar-label"></i>
                        </a>
                        <ul class="collapse nav flex-column gap-1 app-sidebar-submenu {{ $locationsActive ? 'show' : '' }}" id="sidebarLocationsSubmenu">
                            @can('regions.manage')
                                <li class="nav-item">
                                    <a href="{{ route('admin.regions.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.regions.*') ? 'active' : '' }}" title="{{ __('lang.regions') }}">
                                        <i class="bi bi-map"></i>
                                        <span class="sidebar-label">{{ __('lang.regions') }}</span>
                                    </a>
                                </li>
                            @endcan

                            @can('cities.manage')
                                <li class="nav-item">
                                    <a href="{{ route('admin.cities.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.cities.*') ? 'active' : '' }}" title="{{ __('lang.cities') }}">
                                        <i class="bi bi-signpost-2"></i>
                                        <span class="sidebar-label">{{ __('lang.cities') }}</span>
                                    </a>
                                </li>
                            @endcan

                            @can('areas.manage')
                                <li class="nav-item">
                                    <a href="{{ route('admin.areas.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.areas.*') ? 'active' : '' }}" title="{{ __('lang.areas') }}">
                                        <i class="bi bi-geo-alt"></i>
                                        <span class="sidebar-label">{{ __('lang.areas') }}</span>
                                    </a>
                                </li>
                            @endcan
                        </ul>
                    </li>
                </ul>
            @endcanany

            {{-- Site content --}}
            @canany(['sliders.view', 'about.manage', 'contact.manage', 'pages.view'])
                @php $siteContentActive = request()->routeIs('admin.sliders.*', 'admin.about.*', 'admin.contact.*', 'admin.pages.*'); @endphp
                <ul class="nav flex-column gap-1 mb-3">
                    <li class="nav-item">
                        <a href="#sidebarSiteContentSubmenu" role="button" class="app-sidebar-link app-sidebar-toggle nav-link d-flex align-items-center gap-2 {{ $siteContentActive ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="{{ $siteContentActive ? 'true' : 'false' }}" aria-controls="sidebarSiteContentSubmenu" title="{{ __('lang.site_content') }}">
                            <i class="bi bi-layout-text-window"></i>
                            <span class="sidebar-label">{{ __('lang.site_content') }}</span>
                            <i class="bi bi-chevron-down app-sidebar-toggle-caret sidebar-label"></i>
                        </a>
                        <ul class="collapse nav flex-column gap-1 app-sidebar-submenu {{ $siteContentActive ? 'show' : '' }}" id="sidebarSiteContentSubmenu">
                            @can('sliders.view')
                                <li class="nav-item">
                                    <a href="{{ route('admin.sliders.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.sliders.*') ? 'active' : '' }}" title="{{ __('lang.sliders') }}">
                                        <i class="bi bi-images"></i>
                                        <span class="sidebar-label">{{ __('lang.sliders') }}</span>
                                    </a>
                                </li>
                            @endcan

                            @can('about.manage')
                                <li class="nav-item">
                                    <a href="{{ route('admin.about.edit') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.about.*') ? 'active' : '' }}" title="{{ __('lang.about_page') }}">
                                        <i class="bi bi-info-circle"></i>
                                        <span class="sidebar-label">{{ __('lang.about_page') }}</span>
                                    </a>
                                </li>
                            @endcan

                            @can('contact.manage')
                                <li class="nav-item">
                                    <a href="{{ route('admin.contact.edit') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.contact.*') ? 'active' : '' }}" title="{{ __('lang.contact_page') }}">
                                        <i class="bi bi-telephone"></i>
                                        <span class="sidebar-label">{{ __('lang.contact_page') }}</span>
                                    </a>
                                </li>
                            @endcan

                            @can('pages.view')
                                <li class="nav-item">
                                    <a href="{{ route('admin.pages.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.pages.*') ? 'active' : '' }}" title="{{ __('lang.pages') }}">
                                        <i class="bi bi-file-earmark-text"></i>
                                        <span class="sidebar-label">{{ __('lang.pages') }}</span>
                                    </a>
                                </li>
                            @endcan
                        </ul>
                    </li>
                </ul>
            @endcanany

            {{-- System --}}
            <div class="app-sidebar-section-label sidebar-label">{{ __('lang.system') }}</div>
            <ul class="nav flex-column gap-1 mb-1">
                @can('users.view')
                    <li class="nav-item">
                        <a href="{{ route('admin.users.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.users.*') ? 'active' : '' }}" title="{{ __('lang.users') }}">
                            <i class="bi bi-people"></i>
                            <span class="sidebar-label">{{ __('lang.users') }}</span>
                        </a>
                    </li>
                @endcan

                @can('roles.manage')
                    <li class="nav-item">
                        <a href="{{ route('admin.roles.index') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.roles.*') ? 'active' : '' }}" title="{{ __('lang.permissions') }}">
                            <i class="bi bi-shield-lock"></i>
                            <span class="sidebar-label">{{ __('lang.permissions') }}</span>
                        </a>
                    </li>
                @endcan

                <li class="nav-item">
                    <a href="{{ route('admin.settings.edit') }}" class="app-sidebar-link nav-link d-flex align-items-center gap-2 {{ request()->routeIs('admin.settings.edit') ? 'active' : '' }}" title="{{ __('lang.settings') }}">
                        <i class="bi bi-gear"></i>
                        <span class="sidebar-label">{{ __('lang.settings') }}</span>
                    </a>
                </li>

                <li class="nav-item">
                    <a href="{{ route('home') }}" target="_blank" rel="noopener" class="app-sidebar-link nav-link d-flex align-items-center gap-2" title="{{ __('lang.view_site') }}">
                        <i class="bi bi-box-arrow-up-right"></i>
                        <span class="sidebar-label">{{ __('lang.view_site') }}</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>