@foreach ($menuData[0]->menu as $menu)
    {{-- Continue if config variable disables this menu --}}
    @continue(isset($menu->config) && config($menu->config, false) == false)

    @canany($menu->permission ?? true)
        {{-- Menu headers --}}
        @if (isset($menu->menuHeader))
            <div class="menu-item pb-0 pt-0">
                <div class="menu-content">
                    <span class="menu-heading">{{ $menu->menuHeader }}</span>
                </div>
            </div>
        @elseif (isset($menu->url) || isset($menu->submenu))
            {{-- Check if menu has a URL or submenu --}}
            @php
                $activeClass = null;
                $showSubmenu = null;
                $currentRouteName = Route::currentRouteName();

                // Check if the current menu or submenu matches the active route
                if ($currentRouteName === $menu->slug) {
                    $activeClass = 'here';
                } elseif (isset($menu->submenu)) {
                    foreach ((array) $menu->slug as $slug) {
                        if (str_starts_with($currentRouteName, $slug)) {
                            $activeClass = 'here menu-accordion';
                            $showSubmenu = 'show';
                        }
                    }
                }
            @endphp

            {{-- Main menu item --}}
            @if (!isset($menu->submenu))
                {{-- No submenu, main menu item should have a URL --}}
                <div class="menu-item {{ $activeClass }}">
                    <a href="{{ isset($menu->url) ? url($menu->url) : 'javascript:void(0);' }}"
                        class="menu-link {{ $activeClass }}">
                        @isset($menu->icon)
                            <span class="menu-icon">{!! getIcon($menu->icon, 'fs-2') !!}</span>
                        @endisset
                        <span class="menu-title">{{ $menu->name ?? '' }}</span>

                        @if($menu->badge ?? false)
                          <span class="menu-badge">
                            <span class="badge badge-{{$menu->badge->color ?? 'secondary'}}">
                              {{$menu->badge->render_text ? renderMenuBadgeText($menu->badge->render_text) : 'N/A'}}
                            </span>
                          </span>
                        @endif
                    </a>
                </div>
            @else
                {{-- Menu has a submenu --}}
                <div data-kt-menu-trigger="click" class="menu-item menu-accordion {{ $activeClass }} {{ $showSubmenu }}">
                    <span class="menu-link">
                        @isset($menu->icon)
                            <span class="menu-icon">{!! getIcon($menu->icon, 'fs-2') !!}</span>
                        @endisset
                        <span class="menu-title">{{ $menu->name ?? '' }}</span>
                        @if($menu->badge ?? false)
                          <span class="menu-badge">
                            <span class="badge badge-{{$menu->badge->color ?? 'secondary'}}">
                              {{$menu->badge->render_text ? renderMenuBadgeText($menu->badge->render_text) : 'N/A'}}
                            </span>
                          </span>
                        @endif
                        <span class="menu-arrow"></span>
                    </span>

                    {{-- Submenu (if exists) --}}
                    <div class="menu-sub menu-sub-accordion {{ $showSubmenu }}">
                        @foreach ($menu->submenu as $submenu)
                            @php
                                $submenuActiveClass = '';
                                foreach ((array) $submenu->slug as $slug) {
                                    if (str_starts_with($currentRouteName, $slug)) {
                                        $submenuActiveClass = 'active';
                                    }
                                }
                                $submenuShow = $submenuActiveClass ? 'show' : '';
                            @endphp

                            {{-- Recursive rendering for nested submenus --}}
                            @if (isset($submenu->submenu))
                                <div data-kt-menu-trigger="click"
                                    class="menu-item menu-accordion {{ $submenuActiveClass }} {{ $submenuShow }}">
                                    <span class="menu-link">
                                        {{-- Bullet for submenu parent --}}
                                        <span class="menu-bullet">
                                            <span class="bullet bullet-dot"></span>
                                        </span>
                                        <span class="menu-title">{{ $submenu->name }}</span>
                                        @if($submenu->badge ?? false)
                                        <span class="menu-badge">
                                          <span class="badge badge-{{$submenu->badge->color ?? 'secondary'}}">
                                            {{$submenu->badge->render_text ? renderMenuBadgeText($submenu->badge->render_text) : 'N/A'}}
                                          </span>
                                        </span>
                                      @endif
                                        <span class="menu-arrow"></span>
                                    </span>

                                    {{-- Recursively include nested submenu --}}
                                    <div class="menu-sub menu-sub-accordion {{ $submenuShow }}">
                                        @foreach ($submenu->submenu as $subitem)
                                            @php
                                                $subitemActiveClass =
                                                    Route::currentRouteName() === $subitem->slug ? 'active' : '';
                                            @endphp
                                            <div class="menu-item {{ $subitemActiveClass }}">
                                                <a class="menu-link {{ $subitemActiveClass }}"
                                                    href="{{ isset($subitem->url) ? url(config('app.admin_prefix') . $subitem->url) : 'javascript:void(0);' }}">
                                                    {{-- Bullet for sub-submenu items --}}
                                                    <span class="menu-bullet">
                                                        <span class="bullet bullet-dot"></span>
                                                    </span>
                                                    <span class="menu-title">{{ $subitem->name }}</span>
                                                    @if($subitem->badge ?? false)
                                                    <span class="menu-badge">
                                                      <span class="badge badge-{{$subitem->badge->color ?? 'secondary'}}">
                                                        {{$subitem->badge->render_text ? renderMenuBadgeText($subitem->badge->render_text) : 'N/A'}}
                                                      </span>
                                                    </span>
                                                  @endif
                                                </a>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @else
                                {{-- Single level submenu item --}}
                                <div class="menu-item {{ $submenuActiveClass }}">
                                    <a class="menu-link {{ $submenuActiveClass }}"
                                        href="{{ isset($submenu->url) ? url(config('app.admin_prefix') . $submenu->url) : 'javascript:void(0);' }}">
                                        {{-- Bullet for single submenu items --}}
                                        <span class="menu-bullet">
                                            <span class="bullet bullet-dot"></span>
                                        </span>
                                        <span class="menu-title">{{ $submenu->name }}</span>
                                        @if($submenu->badge ?? false)
                                        <span class="menu-badge">
                                          <span class="badge badge-{{$submenu->badge->color ?? 'secondary'}}">
                                            {{$submenu->badge->render_text ? renderMenuBadgeText($submenu->badge->render_text) : 'N/A'}}
                                          </span>
                                        </span>
                                      @endif
                                    </a>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            @endif
        @endif
    @endcan
@endforeach