@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

<ul @class([$ulRoot])>
    @foreach($menuItem as $category)
        @if($category->front_route_url)
            @if(count($category->children))
                <li @class([$liRootLoop])>
                    <a @class([$aRootLoop]) href="{{ $category->front_route_url }}" target="{{ $category->target }}">{{ $category->name }} @if($category->icon ?? '')<i @class([$iconRoot, $category->icon])></i>@endif</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
</ul>