@php
    $currentUrl = url()->current();
    $items = [
        'admin.dashboard' => [__('Dashboard'), 'las la-home'],
        'admin.profile' => [__('Profile'), 'fa fa-address-card'],
        'blog-management' => [
            'title' => __('Blog'),
            'icon' => 'fa fa-newspaper',
            'items' => [
                'admin.blogs.create' => [__('Create article'), 'fa fa-circle'],
                'admin.blogs.index' => [__('Articles'), 'fa fa-circle'],
                'admin.blog-categories.index' => [__('Blog categories'), 'fa fa-circle'],
                'admin.blog-tags.index' => [__('Blog tags'), 'fa fa-circle'],
            ],
        ],
        'users' => [
            'title' => __('Users'),
            'icon' => 'fa fa-user-circle',
            'items' => [
                'admin.users.index' => [__('Users'), 'fa fa-circle'],
                'admin.roles.index' => [__('Roles'), 'fa fa-circle'],
            ],
        ],
        'wallet-management' => [
            'title' => __('Wallet'),
            'icon' => 'fa fa-wallet',
            'items' => [
                'admin.wallet-top-ups.index' => [__('Top-up requests'), 'fa fa-circle'],
                'admin.plans.index' => [__('Plans'), 'fa fa-circle'],
                'admin.plans.create' => [__('Create plan'), 'fa fa-circle'],
            ],
        ],
        'admin.tickets.index' => [__('Tickets'), 'fa fa-ticket'],
        'management' => [
            'title' => __('Settings'),
            'icon' => 'las la-cog',
            'items' => [
                'admin.setting.show' => [__('Settings'), 'fa fa-circle'],
                'admin.updateAccessRoutes' => [__('Update access routes'), 'fa fa-circle'],
            ],
        ],
    ];
@endphp

<aside class="admin-sidebar offcanvas-md offcanvas-start" tabindex="-1" id="adminSidebar" aria-labelledby="adminSidebarLabel">
    <div class="offcanvas-header border-bottom border-secondary-subtle">
        <h5 class="offcanvas-title" id="adminSidebarLabel">{{ setting('site_name') }}</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" data-bs-target="#adminSidebar" aria-label="{{ __('Close') }}"></button>
    </div>

    <div class="offcanvas-body p-0">
        <div class="admin-brand">
            <a href="{{ url('/') }}" class="d-flex align-items-center gap-3 text-decoration-none">
                <img src="{{ url('/') }}/assets/images/logo.png" class="admin-brand-logo" alt="{{ setting('site_name') }}">
                <div>
                    <span class="admin-brand-title">{{ setting('site_name') }}</span>
                    <small class="admin-brand-subtitle">{{ __('Admin panel') }}</small>
                </div>
            </a>
        </div>

        <nav class="admin-sidebar-nav nav flex-column">
            @foreach($items as $route => $item)
                @if(isset($item['items']))
                    @php
                        $children = [];
                        $routes = [];

                        foreach ($item['items'] as $routeSub => $itemSub) {
                            if (\App\Http\Controllers\AccessController::checkAccess($routeSub)) {
                                $children[$routeSub] = $itemSub;
                                $routes[] = localized_route($routeSub);
                            }
                        }

                        $isActiveGroup = in_array($currentUrl, $routes, true);
                        $menuId = 'admin-menu-' . preg_replace('/[^A-Za-z0-9_-]/', '-', $route);
                    @endphp

                    @continue(empty($children))

                    <button class="nav-link admin-nav-toggle {{ $isActiveGroup ? 'active' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ $menuId }}" aria-expanded="{{ $isActiveGroup ? 'true' : 'false' }}" aria-controls="{{ $menuId }}">
                        <span class="admin-nav-label"><i class="{{ $item['icon'] }}"></i>{{ $item['title'] }}</span>
                        <i class="ri-arrow-down-s-line admin-nav-caret"></i>
                    </button>

                    <div class="collapse {{ $isActiveGroup ? 'show' : '' }}" id="{{ $menuId }}">
                        <div class="admin-subnav nav flex-column">
                            @foreach($children as $routeSub => $itemSub)
                                @php($routeUrl = localized_route($routeSub))
                                <a href="{{ $routeUrl }}" class="nav-link {{ $routeUrl === $currentUrl ? 'active' : '' }}">
                                    <i class="{{ $itemSub[1] }}"></i>{{ $itemSub[0] }}
                                </a>
                            @endforeach
                        </div>
                    </div>
                @else
                    @continue(!\App\Http\Controllers\AccessController::checkAccess($route))
                    @php($routeUrl = localized_route($route))
                    <a href="{{ $routeUrl }}" class="nav-link {{ $routeUrl === $currentUrl ? 'active' : '' }}">
                        <span class="admin-nav-label"><i class="{{ $item[1] }}"></i>{{ $item[0] }}</span>
                    </a>
                @endif
            @endforeach
        </nav>
    </div>
</aside>