@section('header')
    <div class="mobile-menu">
        <button type="button" class="mobile-menu-close">
            <svg>
                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#close') }}"></use>
            </svg>
        </button>
        @if($header_goods_subjects && $header_goods_subjects->children->isNotEmpty())
            <div class="mobile-menu-catalog">
                <div class="header-catalog-list">
                    <ul>
                        @foreach($header_goods_subjects->children as $one_goods_subject_l1)
                            @if($one_goods_subject_l1->children->isNotEmpty())
                                <li class="has-submenu">
                                    <div class="has-submenu-head">
                                        <a href="{{ url($lang, ['catalog', $one_goods_subject_l1->alias]) }}">{{ $one_goods_subject_l1->itemByLang->name ?? '' }}</a>
                                        <button class="header-catalog-arrow">
                                            <svg>
                                                <use
                                                    xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="submenu">
                                        <button type="button" class="submenu-back">
                                            <svg>
                                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#back') }}"></use>
                                            </svg>
                                            <span>{{ $one_goods_subject_l1->itemByLang->name ?? '' }}</span>
                                        </button>
                                        <ul>
                                            @foreach($one_goods_subject_l1->children as $one_goods_subject_l2)
                                                <li>
                                                    <a href="{{ url($lang, ['catalog', $one_goods_subject_l2->alias]) }}">{{ $one_goods_subject_l2->itemByLang->name ?? '' }}</a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </li>
                            @else
                                <li class="has-submenu">
                                    <a href="{{ url($lang, ['catalog', $one_goods_subject_l1->alias]) }}">{{ $one_goods_subject_l1->itemByLang->name ?? '' }}</a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
        <div class="mobile-menu-links">
            @if(!empty($header_menu) && count($header_menu))
                <ul>
                    @foreach($header_menu as $one_menu_element)
                        <li{{ request()->segment(2) == $one_menu_element->alias ? ' class=active' : '' }}>
                            <a href="{{ $one_menu_element->page_type == 'link' ? $one_menu_element->itemByLang->link : url($lang, $one_menu_element->alias) }}">{{ $one_menu_element->itemByLang->name ?? '' }}</a>
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>
        @if(!empty($lang_list) && count($lang_list))
            <div class="main-header-lang">
                <ul>
                    @foreach($lang_list as $one_lang)
                        <li {{ $one_lang->lang == $lang ? 'class=active' : '' }}>
                            <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.$lang. '/', '/'.$one_lang->lang.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.$lang, '/'.$one_lang->lang, request()->fullUrl()) : url($one_lang->lang)) }}">
                                {{ ucfirst($one_lang->lang) }}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <header class="main-header">
        <div class="container">
            <div class="main-header-inner">
                <div class="main-header-left">
                    <nav>
                        @if(!empty($header_menu) && count($header_menu))
                            <ul>
                                @foreach($header_menu as $one_menu_element)
                                    <li{{ request()->segment(2) == $one_menu_element->alias ? ' class=active' : '' }}>
                                        <a href="{{ $one_menu_element->page_type == 'link' ? $one_menu_element->itemByLang->link : url($lang, $one_menu_element->alias) }}">{{ $one_menu_element->itemByLang->name ?? '' }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </nav>

                    @if($header_goods_subjects && $header_goods_subjects->children->isNotEmpty())
                        <div class="main-header-catalog">
                            <button type="button" class="header-catalog-head">
                                <svg class="catalog-head-burger">
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#catalog-burger') }}"></use>
                                </svg>
                                <span>{{ ShowLabelById(3, $lang_id) }}</span>
                                <svg class="catalog-head-arrow">
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#head-arrow') }}"></use>
                                </svg>
                            </button>
                            <div class="header-catalog-menu">
                                <div class="header-catalog-list">
                                    <ul>
                                        @foreach($header_goods_subjects->children as $one_goods_subject_l1)
                                            @if($one_goods_subject_l1->children->isNotEmpty())
                                                <li class="has-submenu">
                                                    <div class="has-submenu-head">
                                                        <a href="{{ url($lang, ['catalog', $one_goods_subject_l1->alias]) }}">{{ $one_goods_subject_l1->itemByLang->name ?? '' }}</a>
                                                        <button class="header-catalog-arrow">
                                                            <svg>
                                                                <use
                                                                    xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                    <div class="submenu">
                                                        <ul>
                                                            @foreach($one_goods_subject_l1->children as $one_goods_subject_l2)
                                                                <li>
                                                                    <a href="{{ url($lang, ['catalog', $one_goods_subject_l2->alias]) }}">{{ $one_goods_subject_l2->itemByLang->name ?? '' }}</a>
                                                                </li>
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                </li>
                                            @else
                                                <li class="has-submenu">
                                                    <a href="{{ url($lang, ['catalog', $one_goods_subject_l1->alias]) }}">{{ $one_goods_subject_l1->itemByLang->name ?? '' }}</a>
                                                </li>
                                            @endif
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="main-header-logo">
                    <a href="{{ url('/', $lang) }}">
                        <img src="{{ asset('front-assets/img/logo/logo-new.svg') }}" alt="{{ env('APP_NAME') }}">
                    </a>
                </div>
                <div class="main-header-right">
                    <div class="main-header-top">
                        <div class="main-header-socials socials">
                            <p>{{ ShowLabelById(1, $lang_id) }}:</p>
                            <ul>
                                @include('front.templates.social-links')
                            </ul>
                        </div>
                        <div class="main-header-phone">
                            <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', ShowLabelById(2, $lang_id)) }}">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#phone') }}"></use>
                                </svg>
                                <span>{{ ShowLabelById(2, $lang_id) }}</span>
                            </a>
                        </div>
                        @if(!empty($lang_list) && count($lang_list))
                            <div class="main-header-lang">
                                <ul>
                                    @foreach($lang_list as $one_lang)
                                        <li {{ $one_lang->lang == $lang ? 'class=active' : '' }}>
                                            <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.$lang. '/', '/'.$one_lang->lang.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.$lang, '/'.$one_lang->lang, request()->fullUrl()) : url($one_lang->lang)) }}">
                                                {{ ucfirst($one_lang->lang) }}
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                    <div class="main-header-bottom">
                        <button type="button" class="burger-menu">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#catalog-burger') }}"></use>
                            </svg>
                        </button>
                        <div class="main-header-search">
                            <div class="header-search-inner">
                                <form method="GET" action="{{ url($lang, 'search') }}" class="ajax-search-form">
                                    <label for="search" class="sr-only">{{ ShowLabelById(4, $lang_id) }}</label>
                                    <input type="text" id="search" name="s"
                                           placeholder="{{ ShowLabelById(4, $lang_id) }}"
                                           value="{{ request()->input('s') }}">
                                    <button type="submit" class="main-header-search-btn">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search') }}"></use>
                                        </svg>
                                    </button>
                                </form>
                                <button type="button" class="header-search-close">
                                    <svg>
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#close') }}"></use>
                                    </svg>
                                </button>
                            </div>
                            <div class="header-search-results render-search-results" style="display: none;"></div>
                            <div class="search-results-overlay" style="display: none;"></div>
                        </div>
                        <div class="main-header-search-button">
                            <a href="javascript:;" class="open-header-search">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search-2') }}"></use>
                                </svg>
                            </a>
                        </div>
                        <div class="main-header-favorite">
                            <a href="{{ url($lang, 'wish') }}">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#heart') }}"></use>
                                </svg>
                                <span
                                    class="main-header-cart-count header-wish-count">{{ $front_wish_count ?? 0 }}</span>
                            </a>
                        </div>
                        <div class="main-header-cart">
                            <button type="button"
                                    class="main-header-cart-btn{{ request()->segment(2) == 'cart' ? ' cursor-default' : '' }}">
                                <span class="main-header-cart-icon">
                                    <svg>
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#cart') }}"></use>
                                    </svg>
                                    <span
                                        class="main-header-cart-count header-basket-count">{{ $basket_count ?? 0 }}</span>
                                </span>
                                <span class="main-header-cart-text"><span
                                        class="header-basket-price">{{ getDefaultPriceFormat($header_total_price) }}</span> {{ ShowLabelById(5, $lang_id) }}
                                </span>
                                @if(request()->segment(2) != 'cart')
                                    <svg class="header-cart-arrow">
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#head-arrow') }}"></use>
                                    </svg>
                                @endif

                            </button>
                            @if(request()->segment(2) != 'cart')
                                <div class="render-header-basket-items">
                                    @if(!empty($header_basket_items) && count($header_basket_items))
                                        @include('front.templates.header-basket-items')
                                    @else
                                        <div class="header-cart-menu">
                                            <div class="header-cart-head justify-content-center">
                                                <p>{{ ShowLabelById(27, $lang_id) }}</p>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
@stop