@section('header')

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

    @if($front_theme_default && $front_theme_default == 'newyear')
    <div class="snow_wrap">
        <div class="snow"></div>
    </div>
    @endif

    <header class="main-header">
        <div class="main-header-top">
            <div class="container">
                <div class="main-header-top-inner">
                    <div class="main-header-logo d-xl-none">
                        <a href="{{ url('/', $lang) }}">
                            <img src="{{ asset('front-assets/img/'.$front_theme_default.'/logo.svg?v=').env('CSS_VER') }}"
                                 alt="baby-boom logo" width="181" height="80">
                            {{--<img src="{{ asset('front-assets/img/logo/logo.svg') }}"
                                 alt="baby-boom logo" width="181" height="80">--}}
                        </a>
                    </div>
                    <div class="main-header-promo d-xl-none">
                        <a href="{{ url($lang, ['menu', 'promotions']) }}">
                            <img src="{{ asset('front-assets/img/icons/sale.svg') }}" alt="Promo">
                            <span>{{ ShowLabelById(206, $lang_id) }}</span>
                        </a>
                    </div>

                    @if(!empty($header_menu) && count($header_menu))
                        <nav class="main-header-nav">
                            <ul>
                                @foreach($header_menu as $one_menu_element)
                                    <li {{ request()->segment(3) == $one_menu_element->alias ? 'class=active' : '' }}>
                                        <a href="{{ ($one_menu_element->page_type == 'link' && $one_menu_element->link) ? url($lang, 'menu').'/'.$one_menu_element->link : url($lang, ['menu', $one_menu_element->alias]) }}">{{ $one_menu_element->name or '' }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        </nav>
                    @endif

                    <div class="main-header-info">
                        <img src="{{ asset('front-assets/img/icons/time.svg') }}" alt="Baby-boom schedule">
                        <p> {!! ShowLabelById(71, $lang_id) !!}</p>
                    </div>
                    <div class="main-header-socials">
                        <p>{{ ShowLabelById(334, $lang_id) }}:</p>
                        <ul>
                            @include('front.templates.social-links', ['header_social' => 1])
                        </ul>
                    </div>

                    @if(!empty($lang_list) && count($lang_list))
                        <div class="main-header-langs">
                            <button type="button"
                                    class="header-langs-current d-xl-none">{{ strtoupper($lang) }}</button>
                            <div class="header-langs-list">
                                <ul>
                                    @foreach($lang_list as $one_lang)
                                        <li {{ $one_lang->lang == $lang ? 'class=active' : '' }}>
                                            <a {{ $one_lang->lang == $lang ? 'class=active' : '' }} 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)) }}">{{ strtoupper($one_lang->lang) }}</a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                            <ul class="d-none d-xl-flex">
                                @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)) }}">{{ strtoupper($one_lang->lang) }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="main-header-middle">
            <div class="container">
                <div class="main-header-middle-inner">
                    <button type="button" class="burger-menu" aria-label="Mobile menu">
                        <svg>
                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#burger') }}"></use>
                        </svg>
                    </button>
                    <div class="main-header-logo">
                        <a href="{{ url('/', $lang) }}">
                            <img src="{{ asset('front-assets/img/'.$front_theme_default.'/logo.svg?v=').env('CSS_VER') }}"
                                 alt="baby-boom logo" width="181" height="80">
                            {{--<img src="{{ asset('front-assets/img/logo/logo.svg') }}"
                                 alt="baby-boom logo"  width="181" height="80">--}}
                        </a>
                    </div>
                    <div class="header-hidden-logo">
                        <a href="{{ url('/', $lang) }}">
                            <img src="{{ asset('front-assets/img/'.$front_theme_default.'/logo-mobile.svg?v=').env('CSS_VER') }}" alt="baby-boom logo mobile"  width="136" height="60">
                        </a>
                    </div>
                    <div class="main-header-promo">
                        <a href="{{ url($lang, ['menu', 'promotions']) }}">
                            <img src="{{ asset('front-assets/img/icons/sale.svg') }}" alt="Promo">
                            <span>{{ ShowLabelById(206, $lang_id) }}</span>
                        </a>
                    </div>
                    <div class="main-header-search">
                        <div class="header-search-form">
                            <form method="GET" action="{{ url($lang, 'search') }}" class="ajax_search_form">
                                <label for="header-search" class="sr-only">{{ ShowLabelById(90, $lang_id) }} ...</label>
                                <div class="header-search-row">
                                    <input type="text" id="header-mobile-search" name="s"
                                           value="{{ request()->input('s') }}"
                                           placeholder="{{ ShowLabelById(90, $lang_id) }} ..." autocomplete="off">
                                    <button type="submit" class="header-search-btn" aria-label="Search button">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search') }}"></use>
                                        </svg>
                                    </button>
                                </div>
                                <button type="button" class="header-search-close close-search d-xl-none">
                                    <svg>
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#close') }}"></use>
                                    </svg>
                                </button>
                                @include('front.templates.header-search-items')
                            </form>
                        </div>
                    </div>
                    <div class="main-header-phone">
                        <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', ShowLabelById(73, $lang_id)) }}">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#phone') }}"></use>
                            </svg>
                            <span>{{ ShowLabelById(73, $lang_id) }}</span>
                        </a>
                    </div>
                    <div class="main-header-links">
                        <ul>
                            <li class="d-xl-none">
                                <a href="javascript:;" class="open-search" aria-label="Open search">
                                    <svg>
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search-2') }}"></use>
                                    </svg>
                                </a>
                            </li>
                            <li>
                                <a href="{{ !ifUserLogIn() ? url($lang, 'login') : url($lang, 'cabinet') }}" aria-label="User login">
                                    <svg>
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#account') }}"></use>
                                    </svg>
                                </a>
                            </li>
                            <li>
                                <a href="{{ url($lang, 'wish-list') }}" aria-label="User wish list">
                                    <svg>
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#favorite') }}"></use>
                                    </svg>
                                    <span class="header-cart-count h-wish-count" {{ !$front_wish_count ? 'style=display:none' : '' }}>{{ $front_wish_count ?  $front_wish_count : 0 }}</span>
                                </a>
                            </li>
                            <li>
                                <a href="{{ url($lang, 'cart') }}" class="header-cart" aria-label="User cart"
                                   onclick="onClickInitiateCheckout([{{ $basket_items_ids_to_string or '' }}], {{ $basket_count or '' }}, {{ getDefaultPriceFormat($header_total_price) }}, {{ json_encode($basket_items_to_array, JSON_UNESCAPED_UNICODE) }})">
                                    <svg>
                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#cart') }}"></use>
                                    </svg>
                                    <span class="header-cart-count h-cart-count" {{ !$basket_count ? 'style=display:none' : '' }}>{{ $basket_count ?  $basket_count : 0 }}</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

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

        <div class="search-results-overlay" style="display: none;"></div>
    </header>
@stop