@foreach ($navbarMenu??[] as $item)
@if ($item['menu_type'] == 'default')
<li class="nav-item  {{ !empty($item['sub_menu']) ? 'dropdown has-megamenu' : '' }}">
    <a class="nav-link dropdown-toggle text-uppercase {{ $item['menu_class'] }}" {{ $item['menu_target'] == 'external' ? 'target=blank' : '' }} {{ !empty($item['menu_url']) ? 'href='.$item['menu_url'] : '' }} title="{{ $item['menu_name'] }}">{{ $item['menu_name'] }}</a>
    @if (!empty($item['sub_menu']))
    <div class="dropdown-menu fade-down megamenu bg-dark" role="menu">
        <div class="container">
            <div class="row">
                <div class="col-md-10 py-4">
                    <div class="row g-3">
                        @foreach ($item['sub_menu']??[] as $sub_menu)
                            @if ($sub_menu['menu_type'] == 'default')
                                <div class="col-lg-3 col-6 mt-0">
                                    <div class="col-megamenu {{ !empty($sub_menu['sub_menu']) ? 'mb-4' : '' }}">
                                        <p class="mb-1 title"><a {{ $sub_menu['menu_target'] == 'external' ? 'target=blank' : '' }} href="{{ $sub_menu['menu_url'] }}" title="{{ $sub_menu['menu_name'] }}">{{ $sub_menu['menu_name'] }}</a></p>
                                        <ul class="list-unstyled">
                                            @foreach ($sub_menu['sub_menu']??[] as $child_menu)
                                            @if ($child_menu['menu_type'] == 'default')
                                            <li><a {{ $child_menu['menu_target'] == 'external' ? 'target=blank' : '' }} href="{{ $child_menu['menu_url'] }}" title="{{ $child_menu['menu_name'] }}">{{ $child_menu['menu_name'] }}</a></li>
                                            @endif
                                            @endforeach
                                        </ul>
                                    </div>  <!-- col-megamenu.// -->
                                </div><!-- end col-3 -->
                            @endif
                        @endforeach
                    </div>
                    <hr>
                    @foreach ($item['sub_menu']??[] as $sub_menu)
                        @if ($sub_menu['menu_type'] == 'other1')
                            @if ($sub_menu['menu_url'] && (empty($sub_menu['menu_url']) || $sub_menu['menu_url'] == '#'))
                            <p class="mb-1">{{ $sub_menu['menu_name'] }}</p>
                            @else
                            <a class="mb-1" {{ $sub_menu['menu_target'] == 'external' ? 'target=blank' : '' }} href="{{ $sub_menu['menu_url'] }}" title="{{ $sub_menu['menu_name'] }}">{{ $sub_menu['menu_name'] }}</a>
                        @endif
                        @foreach ($sub_menu['sub_menu']??[] as $child_menu)
                            @if ($sub_menu['menu_type'] == 'other1')
                                <a class="mb-1 me-4" {{ $child_menu['menu_target'] == 'external' ? 'target=blank' : '' }} href="{{ $child_menu['menu_url'] }}" title="{{ $child_menu['menu_name'] }}">{{ $child_menu['menu_name'] }}</a>
                            @endif
                        @endforeach
                        @endif
                    @endforeach
                </div>
                <div class="col-md-2">
                    @foreach ($item['sub_menu']??[] as $sub_menu)
                    @if ($sub_menu['menu_type'] == 'featured_card' && $loop->last)
                    <div>
                        <a class="d-block" {{ $sub_menu['menu_target'] == 'external' ? 'target=blank' : '' }} href="{{ $sub_menu['menu_url'] }}" title="{{ $sub_menu['menu_name'] }}">
                            <div class="featured-post">
                                <div class="wrap-featured-post-image">
                                    <img src="{{ $sub_menu['image_url'] }}" width="133" height="66" alt="{{ $sub_menu['menu_name'] }}">
                                </div>
                                <p class="featured-post-title">
                                    {{ $sub_menu['menu_name'] }}
                                </p>
                                <p>{{ $sub_menu['description'] }}</p>
                            </div>
                        </a>
                    </div>
                    @endif
                    @endforeach
                </div>
            </div>
        </div>
    </div> <!-- dropdown-mega-menu.// -->
    @endif
</li>
@endif
@endforeach