@php
    $gnb = $menu->first()->children->filter(function($item){
        return $item->type == 'gnb';
    });

    $exceptMenu = ['SERVICE', 'INQUIRY'];
@endphp

<div class="area-header-navigation">
    <div class="flex-wrap">
        <button type="button" class="site-map-open">
            <span class="site-map-icon">사이트맵</span>
        </button>
        <nav class="gnb">
            <ul class="gnb-dep1">
                @foreach($gnb as $key => $depth1)
                    @if (Agent::isMobile())
                        <li class="@active($activatedNavItem, $depth1->code)">
                            <a href="{{ $depth1->url }}">{{ $depth1->name }}</a>
                            <div class="gnb-sub-wrap">
                                <div class="gnb-banner">
                                    <div class="banner-slide">
                                        @contentManager('GNB', $depth1->code.'-BANNERS')
                                        <ul class="slider-cont-full">
                                            @foreach ($items = @contentItems('GNB', $depth1->code.'-BANNERS')->get() as $item)
                                                <li>
                                                    @contentItem(['item' => $item])
                                                    @endcontentItem
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                                @if ($depth1->children)
                                    <div class="gnb-sub">
                                        @php
                                            list($filtered_1, $filtered_2) = $depth1->children->partition(function($item) {
                                                // return $item->type === 'submain' || $item->type === 'quick';
                                                return $item->type === 'submain';
                                            });
                                        @endphp

                                        @if ($filtered_1)
                                            <div class="gnb-quick">
                                                @foreach ($filtered_1 as $quick)
                                                    <a href="{{ $quick->url ?: 'javascript:;' }}">{{ $quick->name }}</a>
                                                @endforeach
                                            </div>
                                        @endif

                                        @if ($filtered_2)
                                            <ul class="gnb-dep2">
                                                @foreach ($filtered_2 as $depth2)
                                                    <li>
                                                        @if ($depth2->name === '카톡상담')
                                                            <a href="javascript:kakaoChannel();">{{ $depth2->name }}</a>
                                                        @else
                                                            <a href="{{ $depth2->url ?: 'javascript:;' }}">{{ $depth2->name }}</a>
                                                        @endif
                                                        @if($depth2->children->isNotEmpty())
                                                            <ul class="gnb-dep3">
                                                                @foreach($depth2->children as $depth3)
                                                                    <li>
                                                                        <a href="{{ $depth3->url ?: 'javascript:;' }}">{{ $depth3->name }}</a>
                                                                        @if($depth3->children->isNotEmpty())
                                                                            <ul class="gnb-dep4">
                                                                                @foreach($depth3->children as $depth4)
                                                                                    <li>
                                                                                        <a href="{{ $depth4->url ?: 'javascript:;' }}">{{ $depth4->name }}</a>
                                                                                    </li>
                                                                                @endforeach
                                                                            </ul>
                                                                        @endif
                                                                    </li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </li>
                    @else
                        @if (!in_array($depth1->code, $exceptMenu))
                        <li>
                            <a href="{{ $depth1->url }}">{{ $depth1->name }}</a>
                            <div class="gnb-sub-wrap">
                                {{-- gnb 배너 제거 --}}
{{--                                <div class="gnb-banner">--}}
{{--                                    <div class="banner-slide">--}}
{{--                                       --}}{{-- @contentManager('GNB', $depth1->code.'-BANNERS')--}}
{{--                                        <ul class="slider-cont-full">--}}
{{--                                            @foreach ($items = @contentItems('GNB', $depth1->code.'-BANNERS')->get() as $item)--}}
{{--                                                <li>--}}
{{--                                                    @contentItem(['item' => $item])--}}
{{--                                                    @endcontentItem--}}
{{--                                                </li>--}}
{{--                                            @endforeach--}}
{{--                                        </ul>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                                @if ($depth1->children)
                                    <div class="gnb-sub">
                                        @php
                                            list($filtered_1, $filtered_2) = $depth1->children->partition(function($item) {
                                                // return $item->type === 'submain' || $item->type === 'quick';
                                                return $item->type === 'submain';
                                            });
                                        @endphp

                                        @if ($filtered_1)
                                            <div class="gnb-quick">
                                                @foreach ($filtered_1 as $quick)
                                                    <a href="{{ $quick->url ?: 'javascript:;' }}">{{ $quick->name }}</a>
                                                @endforeach
                                            </div>
                                        @endif

                                        @if ($filtered_2)
                                            <ul class="gnb-dep2">
                                                @foreach ($filtered_2 as $depth2)
                                                    <li>
                                                        <a href="{{ $depth2->url ?: 'javascript:;' }}">{{ $depth2->name }}</a>
                                                        @if($depth2->children->isNotEmpty())
                                                            <ul class="gnb-dep3">
                                                                @foreach($depth2->children as $depth3)
                                                                    <li>
                                                                        <a href="{{ $depth3->url ?: 'javascript:;' }}">{{ $depth3->name }}</a>
                                                                        @if($depth3->children->isNotEmpty())
                                                                            <ul class="gnb-dep4">
                                                                                @foreach($depth3->children as $depth4)
                                                                                    <li>
                                                                                        <a href="{{ $depth4->url ?: 'javascript:;' }}">{{ $depth4->name }}</a>
                                                                                    </li>
                                                                                @endforeach
                                                                            </ul>
                                                                        @endif
                                                                    </li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </li>
                        @endif
                    @endif
                @endforeach
            </ul>
            <div class="program-search">
                <a href="{{ route('programs.submain') }}">프로그램</a><a href="{{ route('schoolinfo.index') }}">학교</a>
            </div>
            <div class="gnb-mobile-quick">
                {{-- <a href="#" class="quick-log">유학로그</a> --}}
                {{-- <a href="#" class="quick-service">혜택 &middot; 서비스</a> --}}
                {{-- <a href="{{ route('inquiry.consultation.create') }}" class="quick-inquiry">문의하기</a> --}}
            </div>
        </nav>
    </div>
</div>