@section('header')

    <div class="mobile-menu">
        <div class="mobile-menu-close">
            <svg>
                <use xlink:href="{{ asset('svg/spritenew.svg#close') }}"></use>
            </svg>
        </div>
        <div class="mobile-menu-content">
            @if(!empty($goods_subject_l1) && count($goods_subject_l1))
                <div class="mobile-menu-catalog">
                    <ul>
                        @foreach($goods_subject_l1 as $key => $one_subject_l1)
                            @php
                                $subject_item_by_menurow = ifExistSubjectByMenuRow($one_subject_l1->id, 'goods_subject_id', 4)
                            @endphp
                            @if(!empty(IfHasChildUnivLang($one_subject_l1->id, 'goods_subject', $lang_id)))
                                <li class="has-submenu">
                                    <a href="{{ url($lang, ['goods', $one_subject_l1->alias]) }}">
                                        <div>
                                            <img src="{{ asset('images/front-images/categories/' . $one_subject_l1->alias . '.png?v=3') }}"
                                                 alt="{{ $one_subject_l1->name or '' }}">
                                        </div>
                                        <div>{{ $one_subject_l1->name or '' }}</div>
                                    </a>
                                    <div class="submenu">
                                        <div class="submenu-back">
                                            <p>{{ $one_subject_l1->name or '' }}</p>
                                        </div>
                                        <div class="submenu-col">
                                            @foreach(IfHasChildUnivLang($one_subject_l1->id, 'goods_subject', $lang_id) as $one_subject_l2)
                                                @if($one_subject_l2->menurow == 1 && $one_subject_l2->level == 2)
                                                    @if(!empty(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id)))
                                                        <div class="submenu-item">
                                                            <div class="submenu-title">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                            <div class="submenu-item-list">
                                                                <ul>
                                                                    @foreach(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id) as $one_subject_l3)
                                                                        <li>
                                                                            <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias, $one_subject_l3->alias]) }}">{{ $one_subject_l3->name or '' }}</a>
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <div class="submenu-item mb-2">
                                                            <div class="submenu-title mb-0">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endif
                                            @endforeach
                                        </div>
                                        <div class="submenu-col">
                                            @foreach(IfHasChildUnivLang($one_subject_l1->id, 'goods_subject', $lang_id) as $one_subject_l2)
                                                @if($one_subject_l2->menurow == 2 && $one_subject_l2->level == 2)
                                                    @if(!empty(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id)))
                                                        <div class="submenu-item">
                                                            <div class="submenu-title">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                            <div class="submenu-item-list">
                                                                <ul>
                                                                    @foreach(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id) as $one_subject_l3)
                                                                        <li>
                                                                            <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias, $one_subject_l3->alias]) }}">{{ $one_subject_l3->name or '' }}</a>
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <div class="submenu-item mb-2">
                                                            <div class="submenu-title mb-0">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endif
                                            @endforeach
                                        </div>
                                        <div class="submenu-col">
                                            @foreach(IfHasChildUnivLang($one_subject_l1->id, 'goods_subject', $lang_id) as $one_subject_l2)
                                                @if($one_subject_l2->menurow == 3 && $one_subject_l2->level == 2)
                                                    @if(!empty(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id)))
                                                        <div class="submenu-item">
                                                            <div class="submenu-title">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                            <div class="submenu-item-list">
                                                                <ul>
                                                                    @foreach(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id) as $one_subject_l3)
                                                                        <li>
                                                                            <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias, $one_subject_l3->alias]) }}">{{ $one_subject_l3->name or '' }}</a>
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <div class="submenu-item mb-2">
                                                            <div class="submenu-title mb-0">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endif
                                            @endforeach
                                        </div>
                                        <div class="submenu-col">
                                            @foreach(IfHasChildUnivLang($one_subject_l1->id, 'goods_subject', $lang_id) as $one_subject_l2)
                                                @if($one_subject_l2->menurow == 4 && $one_subject_l2->level == 2)
                                                    @if(!empty(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id)))
                                                        <div class="submenu-item">
                                                            <div class="submenu-title">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                            <div class="submenu-item-list">
                                                                <ul>
                                                                    @foreach(IfHasChildUnivLang($one_subject_l2->id, 'goods_subject', $lang_id) as $one_subject_l3)
                                                                        <li>
                                                                            <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias, $one_subject_l3->alias]) }}">{{ $one_subject_l3->name or '' }}</a>
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <div class="submenu-item mb-2">
                                                            <div class="submenu-title mb-0">
                                                                <a href="{{ url($lang, ['goods', $one_subject_l1->alias, $one_subject_l2->alias]) }}">{{ $one_subject_l2->name or '' }}</a>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </li>
                            @else
                                <li>
                                    <a href="{{ url($lang, ['goods', $one_subject_l1->alias]) }}">
                                        <div>
                                            <img src="{{ asset('images/front-images/categories/' . $one_subject_l1->alias . '.png?v=3') }}"
                                                 alt="{{ $one_subject_l1->name or '' }}">
                                        </div>
                                        <div>{{ $one_subject_l1->name or '' }}</div>
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            @endif
            @if(!empty($header_menu) && count($header_menu))
                <div class="mobile-menu-nav">
                    <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->link) ? url($lang, 'menu').'/'.$one_menu_element->link : url($lang, ['menu', $one_menu_element->alias]) }}">{{ $one_menu_element->name or '' }}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
    </div>

    <header class="main-header">
        <div class="main-header-top">
            <div class="main-header-left asside">
                <div class="header-top-socials socials">
                    <ul>
                        <li>
                            <a href="https://www.facebook.com/BabyBoom.md/" target="_blank">
                                <img src="{{ asset('images/front-images/icons/facebook.svg') }}"
                                     alt="baby-boom facebook">
                            </a>
                        </li>
                        <li>
                            <a href="https://instagram.com/babyboom_md" target="_blank">
                                <img src="{{ asset('images/front-images-old/icons/instagram.svg') }}"
                                     alt="baby-boom instagram">
                            </a>
                        </li>
                        <li>
                            <a href="https://www.youtube.com/channel/UCjDvBgFn1sGmbU9--T6KnLQ" target="_blank">
                                <img src="{{ asset('images/front-images-old/icons/youtube.svg') }}" alt="baby-boom youtube">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main-header-top-right container">
                <div class="header-top-contacts">
                    <ul>
                        <li>
                            <div>
                                <img src="{{ asset('images/front-images-old/icons/phone.svg') }}" alt="baby-boom phone">
                            </div>
                            <div>
                                <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', ShowLabelById(73, $lang_id)) }}">{{ ShowLabelById(73, $lang_id) }}</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="{{ asset('images/front-images-old/icons/time.svg') }}" alt="baby-boom schedule">
                            </div>
                            <div>
                                {!! ShowLabelById(71, $lang_id) !!}
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="main-header-bottom">
            <div class="main-header-left asside">
                <div class="main-header-logo">
                    <a href="{{ url('/', $lang) }}">
                        <img src="{{ asset('images/front-images-old/'.$front_theme_default.'/logo-baby-boom.png?v=').env('CSS_VER') }}"
                             alt="baby-boom logo">
                    </a>
                </div>
            </div>
            <div class="main-header-right container">
                <div class="main-header-nav-search">
                    <div class="burger-menu">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <div class="main-header-promo">
                        <a href="{{ url($lang, ['menu', 'promotions']) }}">
                            <img src="{{ asset('images/front-images-old/icons/promo.svg') }}" alt="Promo">
                        </a>
                    </div>
                    @if(!empty($header_menu) && count($header_menu))
                        <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-search">
                        <a href="javascript:;" class="header-search-open">
                            <svg>
                                <use xlink:href="{{ asset('svg/spritenew.svg#search') }}"></use>
                            </svg>
                        </a>
                        <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>
                                <input type="text" id="header-search" name="s" value="{{ request()->input('s') }}"
                                       placeholder="{{ ShowLabelById(90, $lang_id) }} ..." autocomplete="off">
                                {{--<button type="submit" class="button-clear">
                                    <svg>
                                        <use xlink:href="{{ asset('svg/spritenew.svg#close') }}"></use>
                                    </svg>
                                </button>--}}
                                <button type="submit" class="button button--green">
                                    <svg>
                                        <use xlink:href="{{ asset('svg/spritenew.svg#search') }}"></use>
                                    </svg>
                                </button>
                            </form>
                            <button class="button button--red header-search-close">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#close') }}"></use>
                                </svg>
                            </button>
                            @include('front.templates.header-search-items')
                        </div>
                    </div>
                </div>
                <div class="main-header-promo">
                    <a href="{{ url($lang, ['menu', 'promotions']) }}">
                        <img src="{{ asset('images/front-images-old/icons/promo.svg') }}" alt="Promo">
                    </a>
                </div>
                <div class="main-header-links">
                    <ul>
                        <li class="position-relative">
                            <a href="javascript:;" class="profile-menu-open">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#account') }}"></use>
                                </svg>
                            </a>
                            <div class="head-profile-menu">
                                @if(!ifUserLogIn())
                                    <div class="profile-menu-close">
                                        <svg>
                                            <use xlink:href="{{ asset('svg/spritenew.svg#close') }}"></use>
                                        </svg>
                                    </div>
                                    <div class="profile-menu-user">
                                        <p>{{ ShowLabelById(300, $lang_id) }}</p>
                                    </div>

                                    <ul>
                                        <li class="login-tabs">
                                            <a href="{{ url($lang, 'login') }}"
                                               class="button button--green">{{ ShowLabelById(256, $lang_id) }}</a>
                                        </li>
                                        <li class="login-tabs">
                                            <a href="{{ url($lang, 'register') }}"
                                               class="button button--green active">{{ ShowLabelById(255, $lang_id) }}</a>
                                        </li>
                                    </ul>
                                @else
                                    <div class="profile-menu-user">
                                        <p>{{ $global_user ? $global_user->last_name .' '. $global_user->name : '' }}</p>
                                    </div>
                                    <ul>
                                        <li>
                                            <a href="{{ url($lang, 'cabinet') }}">{{ ShowLabelById(277, $lang_id) }}</a>
                                        </li>
                                        <li>
                                            <a href="{{ url($lang, ['cabinet', 'edit-profile']) }}">{{ ShowLabelById(278, $lang_id) }}</a>
                                        </li>
                                        <li>
                                            <a href="{{ url($lang, ['cabinet', 'change-password']) }}">{{ ShowLabelById(280, $lang_id) }}</a>
                                        </li>
                                    </ul>
                                    <div class="profile-menu-exit">
                                        <a href="{{ url($lang, 'logout') }}">
                                            <img src="{{ asset('images/front-images-old/icons/exit.svg') }}" alt="Exit">
                                            {{ ShowLabelById(296, $lang_id) }}
                                        </a>
                                    </div>
                                @endif
                            </div>
                        </li>
                        <li>
                            <a href="{{ url($lang, 'wish-list') }}" class="position-relative">
                                <div class="header-cart-icon">
                                    <svg>
                                        <use xlink:href="{{ asset('svg/spritenew.svg#like') }}"></use>
                                    </svg>
                                </div>
                                <span class="header-cart-count h-wish-count">{{ $front_wish_count ?  $front_wish_count : 0 }}</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ url($lang, 'cart') }}" class="header-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) }})">
                                <div class="header-cart-icon">
                                    <svg>
                                        <use xlink:href="{{ asset('svg/spritenew.svg#shoping-cart') }}"></use>
                                    </svg>
                                </div>
                                <span class="header-cart-count h-cart-count">{{ $basket_count ?  $basket_count : 0 }}</span>
                                <span class="header-cart-price"><span
                                            class="header-total-price">{{ getDefaultPriceFormat($header_total_price) }}</span> {{ ShowLabelById(6, $lang_id) }}
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>

                @if(!empty($lang_list) && count($lang_list))
                    <div class="main-header-lang">
                        <div class="header-lang-current">
                            <p>{{ strtoupper($lang) }}</p>
                        </div>
                        <div class="header-lang-list">
                            <ul>
                                @foreach($lang_list as $one_lang)
                                    <li>
                                        <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>
                    </div>
                @endif
            </div>
        </div>
        <div class="main-header-mobile">
            <div class="burger-menu">
                <img src="{{ asset('images/front-images-old/icons/burger.svg') }}" alt="Menu burger">
            </div>
            <div class="main-header-logo header-hidden">
                <a href="{{ url('/', $lang) }}">
                    <img src="{{ asset('images/front-images-old/'.$front_theme_default.'/logo-cloud.svg?v=').env('CSS_VER') }}" alt="Baby-Boom.md">
                </a>
            </div>
            <div class="header-top-contacts">
                <ul>
                    <li>
                        <div>
                            <img src="{{ asset('images/front-images-old/icons/phone.svg') }}" alt="baby-boom phone">
                        </div>
                        <div>
                            <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', ShowLabelById(73, $lang_id)) }}">{{ ShowLabelById(73, $lang_id) }}</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="main-header-search">
                <a href="javascript:;" class="header-search-open">
                    <svg>
                        <use xlink:href="{{ asset('svg/spritenew.svg#search-2') }}"></use>
                    </svg>
                </a>
                <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>
                        <input type="text" id="header-mobile-search" name="s" value="{{ request()->input('s') }}"
                               placeholder="{{ ShowLabelById(90, $lang_id) }} ..." autocomplete="off">
                        <button type="submit" class="button button--green">
                            <svg>
                                <use xlink:href="{{ asset('svg/spritenew.svg#search') }}"></use>
                            </svg>
                        </button>
                    </form>
                    <button class="button button--red header-search-close">
                        <svg>
                            <use xlink:href="{{ asset('svg/spritenew.svg#close') }}"></use>
                        </svg>
                    </button>
                    @include('front.templates.header-search-items')
                </div>
            </div>

            <div class="main-header-links header-hidden">
                <ul>
                    <li class="position-relative">
                        <a href="javascript:;" class="profile-menu-open">
                            <svg>
                                <use xlink:href="{{ asset('svg/spritenew.svg#account') }}"></use>
                            </svg>
                        </a>
                        <div class="head-profile-menu">
                            @if(!ifUserLogIn())
                                <div class="profile-menu-close">
                                    <svg>
                                        <use xlink:href="{{ asset('svg/spritenew.svg#close') }}"></use>
                                    </svg>
                                </div>
                                <div class="profile-menu-user">
                                    <p>{{ ShowLabelById(300, $lang_id) }}</p>
                                </div>

                                <ul>
                                    <li class="login-tabs">
                                        <a href="{{ url($lang, 'login') }}"
                                           class="button button--green">{{ ShowLabelById(256, $lang_id) }}</a>
                                    </li>
                                    <li class="login-tabs">
                                        <a href="{{ url($lang, 'register') }}"
                                           class="button button--green active">{{ ShowLabelById(255, $lang_id) }}</a>
                                    </li>
                                </ul>
                            @else
                                <div class="profile-menu-user">
                                    <p>{{ $global_user ? $global_user->last_name .' '. $global_user->name : '' }}</p>
                                </div>
                                <ul>
                                    <li>
                                        <a href="{{ url($lang, 'cabinet') }}">{{ ShowLabelById(277, $lang_id) }}</a>
                                    </li>
                                    <li>
                                        <a href="{{ url($lang, ['cabinet', 'edit-profile']) }}">{{ ShowLabelById(278, $lang_id) }}</a>
                                    </li>
                                    <li>
                                        <a href="{{ url($lang, ['cabinet', 'change-password']) }}">{{ ShowLabelById(280, $lang_id) }}</a>
                                    </li>
                                </ul>
                                <div class="profile-menu-exit">
                                    <a href="{{ url($lang, 'logout') }}">
                                        <img src="{{ asset('images/front-images-old/icons/exit.svg') }}" alt="Exit">
                                        {{ ShowLabelById(296, $lang_id) }}
                                    </a>
                                </div>
                            @endif
                        </div>
                    </li>
                    <li>
                        <a href="{{ url($lang, 'wish-list') }}" class="position-relative">
                            <div class="header-cart-icon">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#like') }}"></use>
                                </svg>
                            </div>
                            <span class="header-cart-count h-wish-count">{{ $front_wish_count ?  $front_wish_count : 0 }}</span>
                        </a>
                    </li>
                    <li>
                        <a href="{{ url($lang, 'cart') }}" class="header-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) }})">
                            <div class="header-cart-icon">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#shoping-cart') }}"></use>
                                </svg>
                            </div>
                            <span class="header-cart-count h-cart-count">{{ $basket_count ?  $basket_count : 0 }}</span>
                            <span class="header-cart-price"><span
                                        class="header-total-price">{{ getDefaultPriceFormat($header_total_price) }}</span> {{ ShowLabelById(6, $lang_id) }}
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
            @if(!empty($lang_list) && count($lang_list))
                <div class="main-header-lang">
                    <div class="header-lang-current">
                        <p>{{ strtoupper($lang) }}</p>
                    </div>
                    <div class="header-lang-list">
                        <ul>
                            @foreach($lang_list as $one_lang)
                                <li>
                                    <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>
                </div>
            @endif
        </div>
        <div class="search-results-overlay" style="display: none"></div>
    </header>
@stop