@if ($depth == 1)
    @foreach ($all_navigation_tabs as $nth => $navigation_tab)
        <li>

            @if ($navigation_tab['order'] == 5)
                <a href="#footer" class="@if (Str::after(request()->path(), app()->getLocale() . '/') == ltrim($navigation_tab['link'], '/')) active @endif">
                @else
                    <a href="{{ $localeUrl }}{{ $navigation_tab['link'][0] == '/' ? '' : '/' }}{{ $navigation_tab['link'] }}"
                        class="@if (Str::after(request()->path(), app()->getLocale() . '/') == ltrim($navigation_tab['link'], '/')) active @endif">
            @endif
            @if ($nth == 0)
                {{-- <i class="bi bi-list"></i> --}}
            @endif
            &nbsp;&nbsp;{{ $navigation_tab['title'] }}
            @if (count($navigation_tab['children']) != 0)
                <span class="bi bi-chevron-down"></span>
            @endif
            </a>
            @if (count($navigation_tab['children']) != 0)
                @if (
                    !$navigation_tab['actual_component']['tab_style'] ||
                        $navigation_tab['actual_component']->isEnumValue('tab_style', 'singular'))
                    <ul class="wsmenu-submenu">
                        @include('navigation.tab', [
                            'children' => $navigation_tab['children'],
                            'depth' => $depth + 1,
                            'as_context' => 'singular',
                        ])
                    </ul>
                @elseif ($navigation_tab['actual_component']->isEnumValue('tab_style', 'half'))
                    <div class="megamenu clearfix halfmenu">
                        <div class="container">
                            <div class="row">
                                @include('navigation.tab', [
                                    'children' => $navigation_tab['children'],
                                    'depth' => $depth + 1,
                                    'as_context' => 'half',
                                ])
                            </div>
                        </div>
                    </div>
                @elseif ($navigation_tab['actual_component']->isEnumValue('tab_style', 'full'))
                    <div class="megamenu clearfix">
                        <div class="container">
                            <div class="row">
                                @include('navigation.tab', [
                                    'children' => $navigation_tab['children'],
                                    'depth' => $depth + 1,
                                    'as_context' => 'full',
                                ])
                            </div>
                        </div>
                    </div>
                @endif
            @endif
        </li>
    @endforeach
@else
    @if ($as_context == 'singular')
        @foreach ($children as $child)
            @if (isset($child['image']) && $child['image'])
                <h3 class="title fw-normal">{{ $child['title'] }}</h3>
                <div class="fluid-width-video-wrapper">
                    <a href="{{ $localeUrl }}{{ $child['link'][0] == '/' ? '' : '/' }}/{{ $child['link'] }}"><img
                            src="{{ asset('images/' . $child['image']) }}" alt="Banner"></a>
                </div>
            @else
                <li>
                    <a href="{{ $localeUrl }}{{ $child['link'][0] == '/' ? '' : '/' }}/{{ $child['link'] }}">
                        <i class="bi bi-chevron-right"></i>
                        {{ $child['title'] }}</a>
                    @if (count($child['children']) > 0)
                        <ul class="wsmenu-submenu{{ str_repeat('-sub', $depth - 1) }}">
                            @include('navigation.tab', [
                                'children' => $child['children'],
                                'depth' => $depth + 1,
                                'as_context' => 'singular',
                            ])
                        </ul>
                    @endif
                </li>
            @endif
        @endforeach
    @elseif ($as_context == 'half')
        @foreach ($children as $child)
            <ul class="col-12 col-xl-6 link-list">
                @if (strlen($child['title'] > 0))
                    <li class="title">{{ $child['title'] }}</li>
                @endif
                <li>
                    @if (count($child['children']) > 0)
                        @include('navigation.tab', [
                            'children' => $child['children'],
                            'depth' => $depth + 1,
                            'as_context' => 'singular',
                        ])
                    @endif
                </li>
            </ul>
        @endforeach
    @elseif ($as_context == 'full')
        @foreach ($children as $k => $child)
            @if (isset($child['image']) && $child['image'])
                <div class="col-12 col-md-4">
                    @include('navigation.tab', [
                        'children' => [$child],
                        'depth' => $depth + 1,
                        'as_context' => 'singular',
                    ])
                </div>
            @else
                <ul
                    class="col-lg-{{ max(3, ceil(12 / count($children))) }} col-md-{{ max(4, ceil(12 / count($children))) }} col-xs-12 link-list">
                    @if (strlen($child['title'] > 0))
                        <li class="title">{{ $child['title'] }}</li>
                    @endif
                    <li>
                        @if (count($child['children']) > 0)
                            @include('navigation.tab', [
                                'children' => $child['children'],
                                'depth' => $depth + 1,
                                'as_context' => 'singular',
                            ])
                        @endif
                    </li>
                </ul>
            @endif
        @endforeach
    @endif
@endif