@php
use App\Helpers\SidebarHelper;
$menuItems = SidebarHelper::getSidebarMenu();
// dd($menuItems);
@endphp

<!-- ========== Left Sidebar Start ========== -->
<div class="vertical-menu">
    <div data-simplebar class="h-100">
        <div id="sidebar-menu">
            <ul class="metismenu list-unstyled" id="side-menu">

                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bx-home-circle"></i>
                        <span key="t-dashboards">@lang('Dashboards')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="index" key="t-default">@lang('translation.Default')</a></li>
                        <li><a href="dashboard-saas" key="t-saas">@lang('translation.Saas')</a></li>
                        <li><a href="dashboard-crypto" key="t-crypto">@lang('translation.Crypto')</a></li>
                        <li><a href="dashboard-blog" key="t-blog">@lang('translation.Blog')</a></li>
                        <li><a href="dashboard-job">@lang('translation.Jobs')</a></li>
                    </ul>
                </li>



                @foreach ($menuItems as $menuItem)
                {{-- First Level: Always a Category Title --}}
                <li class="menu-title">{{ __($menuItem['title']) }}</li>

                @if (!empty($menuItem['children']))
                @foreach ($menuItem['children'] as $child1)
                <li>
                    <a href="{{ empty($child1['children']) && !empty($child1['route']) && Route::has($child1['route']) ? route($child1['route']) : 'javascript:void(0);' }}" class="{{ !empty($child1['children']) ? 'has-arrow waves-effect' : '' }}">
                        <i class="{{ $child1['icon'] }}"></i>
                        <span>{{ __($child1['title']) }}</span>
                    </a>

                    @if (!empty($child1['children']))
                    <ul class="sub-menu" aria-expanded="true">
                        @foreach ($child1['children'] as $child2)
                        <li>
                            <a href="{{ empty($child2['children']) && !empty($child2['route']) && Route::has($child2['route']) ? route($child2['route']) : 'javascript:void(0);' }}" class="{{ !empty($child2['children']) ? 'has-arrow' : '' }}">
                                {{ __($child2['title']) }}
                            </a>

                            {{-- <a href="{{ !empty($child2['route']) ? route($child2['route']) : '#' }}" class="{{ !empty($child2['children']) ? 'has-arrow' : '' }}">
                            {{ __($child2['title']) }}
                            </a> --}}

                            @if (!empty($child2['children']))
                            <ul class="sub-menu" aria-expanded="true">
                                @foreach ($child2['children'] as $child3)
                                <li>
                                    <a href="{{ empty($child3['children']) && !empty($child3['route']) && Route::has($child3['route']) ? route($child3['route']) : 'javascript:void(0);' }}" class="{{ !empty($child3['children']) ? 'has-arrow' : '' }}">
                                        {{ __($child3['title']) }}
                                    </a>

                                    @if (!empty($child3['children']))
                                    <ul class="sub-menu" aria-expanded="true">
                                        @foreach ($child3['children'] as $lastLevel)
                                        <li>
                                            <a href="{{ !empty($lastLevel['route']) && Route::has($lastLevel['route']) ? route($lastLevel['route']) : 'javascript:void(0);' }}">
                                                {{ __($lastLevel['title']) }}
                                            </a>
                                        </li>
                                        @endforeach
                                    </ul>
                                    @endif
                                </li>
                                @endforeach
                            </ul>
                            @endif
                        </li>
                        @endforeach
                    </ul>
                    @endif
                </li>
                @endforeach
                @endif
                @endforeach
            </ul>
        </div>
    </div>
</div>
<!-- Left Sidebar End -->