@include('front.templates.after-body-start', ['cookie_settings' => $cookie])

@include('front.templates.header-mobile-menu')

@if(!app('global_user'))
    @include('front.pages.user-auth.login')
    @include('front.pages.user-auth.register')
    @include('front.pages.user-auth.recovery-pass')
    @include('front.pages.user-auth.new-pass')
@endif

@include('front.templates.header-age-verification')

<header class="main-header">
    <div class="main-header-top">
        <div class="container">
            <div class="main-header-top-inner">
                <div class="main-header-logo">
                    <a href="{{ route('/') }}">
                        <img src="{{ asset('front-assets/img/logo/logo-new.svg') }}" alt="{{ env('APP_NAME') }}">
                    </a>
                </div>
                <nav class="main-header-nav">
                    @if($top_header_menu && $top_header_menu->children->isNotEmpty())
                        <ul>
                            @foreach($top_header_menu->children as $one_menu_item)
                                <li{{ request()->segment(2) == $one_menu_item->alias ? ' class=active' : '' }}>
                                    <a href="{{ $one_menu_item->page_type == 'link' ? $one_menu_item->link : route('menu', $one_menu_item->alias) }}">{{ $one_menu_item->name ?? '' }}</a>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </nav>
                @if(showSettingBodyByAlias('main-phone'))
                    <div class="main-header-phone">
                        <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', showSettingBodyByAlias('main-phone')) }}">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#phone') }}"></use>
                            </svg>
                            <span>{{ showSettingBodyByAlias('main-phone') }}</span>
                        </a>
                    </div>
                @endif
                {{--@if(!empty(app('global_social_media')) && count(app('global_social_media')))
                    <div class="main-header-socials">
                        <p>{{ ShowLabelById(55) }}:</p>
                        <ul>
                            @include('front.templates.social-links', ['social_type' => 'svg'])
                        </ul>
                    </div>
                @endif--}}
                <div class="main-header-langs">
                    <button type="button" class="main-header-lang-current">
                        <span>{{ Str::upper(LANG) }}</span>
                        <svg>
                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-down') }}"></use>
                        </svg>
                    </button>
                    <div class="main-header-list">
                        <ul>
                            @foreach($lang_list as $one_lang)
                                <li {{ $one_lang == LANG ? 'class=active' : '' }}>
                                    <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.LANG. '/', '/'.$one_lang.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.LANG, '/'.$one_lang, request()->fullUrl()) : url($one_lang)) }}">{{ Str::upper($one_lang) }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-header-bottom">
        <div class="container">
            <div class="main-header-bottom-inner">
                @if(!empty($goods_subjects) && count($goods_subjects))
                    <div class="main-header-catalog">
                        <button type="button" class="header-catalog-btn">
                            <svg class="header-catalog-burger">
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#burger') }}"></use>
                            </svg>
                            <span>{{ ShowLabelById(106) }}</span>
                            <svg class="header-catalog-arrow">
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-down') }}"></use>
                            </svg>
                        </button>
                        <div class="header-catalog">
                            <div class="header-catalog-list">
                                <ul>
                                    @foreach($goods_subjects as $one_subject_l1)
                                        <li>
                                            @if($one_subject_l1->children->isNotEmpty())
                                                <a href="{{ route('catalog', $one_subject_l1->alias) }}"
                                                   class="header-catalog-main{{ !app('global_age_verification') && $one_subject_l1->age_verification == 1 ? ' age-verification' : '' }}" {{ !app('global_age_verification') && $one_subject_l1->age_verification == 1 ? 'data-item-type=subject data-item-id='.$one_subject_l1->id : '' }}>
                                                    <span class="header-catalog-icon">
                                                        <img src="{{ $one_subject_l1->image }}"
                                                             alt="{{ $one_subject_l1->name }}">
                                                    </span>
                                                    <span class="header-catalog-text">{{ $one_subject_l1->name }}</span>
                                                    <span class="header-catalog-arrow">
                                                        <svg>
                                                            <use
                                                                xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                                        </svg>
                                                    </span>
                                                </a>
                                                <div class="submenu">
                                                    @if(!empty($one_subject_l1->brandsBySubject()) && count($one_subject_l1->brandsBySubject()))
                                                        <div class="submenu-slider">
                                                            <div class="swiper">
                                                                <div class="swiper-wrapper">
                                                                    @foreach($one_subject_l1->brandsBySubject() as $one_brand)
                                                                        <a href="{{ route('brands', $one_brand->alias) }}" class="swiper-slide">
                                                                            <img src="{{ $one_brand->img }}"
                                                                                 alt="{{ $one_brand->name }}">
                                                                        </a>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                            <button type="button" class="submenu-nav submenu-nav--prev">
                                                                <svg>
                                                                    <use
                                                                        xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                                                </svg>
                                                            </button>
                                                            <button type="button" class="submenu-nav submenu-nav--next">
                                                                <svg>
                                                                    <use
                                                                        xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                                                </svg>
                                                            </button>
                                                        </div>
                                                    @endif
                                                    <div class="submenu-list">
                                                        @foreach($one_subject_l1->children as $one_subject_l2)
                                                            <ul>
                                                                <li class="submenu-title">
                                                                    <a href="{{ route('catalog', $one_subject_l2->alias) }}" {{ !app('global_age_verification') && $one_subject_l2->age_verification == 1 ? 'class=age-verification data-item-type=subject data-item-id='.$one_subject_l2->id : '' }}>{{ $one_subject_l2->name }}</a>
                                                                </li>
                                                                @if($one_subject_l2->children->isNotEmpty())
                                                                    @foreach($one_subject_l2->children as $one_subject_l3)
                                                                        <li>
                                                                            <a href="{{ route('catalog', $one_subject_l3->alias) }}" {{ !app('global_age_verification') && $one_subject_l3->age_verification == 1 ? 'class=age-verification data-item-type=subject data-item-id='.$one_subject_l3->id : '' }} >{{ $one_subject_l3->name }}</a>
                                                                        </li>
                                                                    @endforeach
                                                                @endif
                                                            </ul>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            @else
                                                <a href="{{ route('catalog', $one_subject_l1->alias) }}"
                                                   class="header-catalog-main{{ !app('global_age_verification') && $one_subject_l1->age_verification == 1 ? ' age-verification' : '' }}" {{ !app('global_age_verification') && $one_subject_l1->age_verification == 1 ? 'data-item-type=subject data-item-id='.$one_subject_l1->id : '' }}>
                                                    <span class="header-catalog-icon">
                                                        <img src="{{ $one_subject_l1->image }}"
                                                             alt="{{ $one_subject_l1->name }}">
                                                    </span>
                                                    <span class="header-catalog-text">{{ $one_subject_l1->name }}</span>
                                                </a>
                                            @endif
                                        </li>
                                    @endforeach
                                </ul>
                                <div class="header-catalog-more">
                                    <a href="javascript:;" class="header-catalog-more-btn" data-more="{{ ShowLabelById(105) }}"
                                       data-less="{{ ShowLabelById(107) }}">{{ ShowLabelById(105) }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                <div class="main-header-search">
                    <form action="{{ route('search') }}" method="GET">
                        <div class="header-search-row">
                            <label for="header-search" class="sr-only">{{ ShowLabelById(103) }} ...</label>
                            <input type="text" id="header-search" name="s" placeholder="{{ ShowLabelById(103) }} ..."
                                   {{--value="{{ request()->input('s') }}"--}}>
                            <button type="submit" class="header-search-btn">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search') }}"></use>
                                </svg>
                            </button>
                        </div>
                        <button type="button" class="header-search-close">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#close') }}"></use>
                            </svg>
                        </button>
                    </form>
                </div>
                <div class="main-header-links">
                    <ul>
                        <li class="d-xl-none">
                            <a href="javascript:;" class="open-search">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search-2') }}"></use>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a @if(!app('global_user')) href="javascript:;" class="open-signin" @else href="{{ route('cabinet') }}" @endif>
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#account') }}"></use>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('wish') }}">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#favorites') }}"></use>
                                </svg>
                                <span
                                    class="header-wish-count" {{ !$wish_count ? 'style=display:none' : '' }}>{{ $wish_count ?? 0 }}</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('cart') }}">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#cart') }}"></use>
                                </svg>
                                <span
                                    class="header-basket-count" {{ !$basket_count ? 'style=display:none' : '' }}>{{ $basket_count ?? 0 }}</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>