@inject('sidebarService', 'App\Services\SidebarService')

<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">

    <div class="app-brand demo">
        <a href="/" class="app-brand-link">
            <span class="app-brand-logo demo">
                <span class="text-primary">
                    <svg width="32" height="22" viewBox="0 0 32 22" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <image href="{{ asset('images/favicon_.png') }}" x="0" y="0" width="32" height="22"
                            preserveAspectRatio="xMidYMid meet" />
                    </svg>
                </span>
            </span>
            <span class="app-brand-text demo menu-text fw-bold ms-3">ITG Group</span>
        </a>

        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
            <i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
            <i class="icon-base ti tabler-x d-block d-xl-none"></i>
        </a>
    </div>

    <div class="menu-inner-shadow"></div>

    <ul class="menu-inner py-1">
        @foreach ($sidebarService->getMenuItems() as $item)
            @php
                $hasSubmenu = isset($item['submenu']) && !empty($item['submenu']);
                $isActive = request()->routeIs($item['active_route'] ?? '');
                $isExpanded = $hasSubmenu && $isActive;
            @endphp

            <li class="menu-item {{ $isActive ? 'active' : '' }} {{ $isExpanded ? 'open' : '' }}">
                <a href="{{ $hasSubmenu ? 'javascript:void(0)' : (isset($item['route']) ? route($item['route']) : 'javascript:void(0)') }}"
                    class="menu-link {{ $hasSubmenu ? 'menu-toggle' : '' }}">
                    @if (isset($item['icon']))
                        <i class="menu-icon tf-icons {{ $item['icon'] }}"></i>
                    @endif
                    <div data-i18n="{{ $item['label'] }}">{{ __($item['label']) }}</div>
                </a>

                @if ($hasSubmenu)
                    <ul class="menu-sub">
                        @foreach ($item['submenu'] as $subItem)
                            <li
                                class="menu-item {{ request()->routeIs($subItem['active_route'] ?? '') ? 'active' : '' }}">
                                <a href="{{ isset($subItem['route']) ? route($subItem['route']) : 'javascript:void(0)' }}"
                                    class="menu-link">
                                    <div data-i18n="{{ $subItem['label'] }}">{{ __($subItem['label']) }}</div>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </li>
        @endforeach
    </ul>
</aside>