@php
    $menuItem = \App\Models\MenuItem::where('enabled', '1')
        //->with(['menu', 'projectCategory', 'serviceCategory', 'corporate', 'faqCategory', 'dynamicPage'])
        ->tree()
        ->whereHas('menu', function ($query) use ($placement) {
            $query->where('placement', '=', $placement)->where('enabled','1');
        })
        ->orderby('order_column')
        ->get()
        ->makeHidden(['resource_url'])
        ->toTree();

    //optional available variables
    $ulRoot ??= null;
    $liRoot ??= null;
    $liRootLoop ??= null;
    $aRoot ??= null;
    $aRootLoop ??= null;
    $iconRoot ??= null;
    $ulSub ??= null;
    $liSub ??= null;
    $liSubLoop ??= null;
    $aSub ??= null;
    $aSubLoop ??= null;
    $iconSub ??= null;
    $ulSubNested ??= null;
@endphp

@foreach($menuItem as $category)
    @if($category->front_route_url)
        @if(count($category->children))
            <li @class([$liRootLoop])>
                <a role="button" aria-haspopup="true" @class([$aRootLoop]) href="javascript:void(0)">
                    <div onclick="window.open('{{ $category->front_route_url }}','{{ $category->target }}');" style="width: min-content" role="link">
                        {{ $category->name }} @if($category->icon ?? '')<i @class([$iconRoot, $category->icon])></i>@endif
                    </div>
                </a>
                @if(count($category->children))
                    @include('themes.'.config('smartekcms.themes.frontend').'.layouts.menus.menuChild',['children' => $category->children])
                @endif
            </li>
        @else
            <li @class([$liRoot])><a @class([$aRoot]) href="{{ $category->front_route_url }}" target="{{ $category->target }}"> {{ $category->name }} @if($category->icon ?? '')<i @class([$iconRoot, $category->icon])></i>@endif</a></li>
        @endif
    @endif
@endforeach