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

<!-- Mobile Menu start -->
<div class="mobile-menu">
    <div class="mobile-menu-head">
        <div class="title">{{ShowLabelById(137)}}</div>
        <button type="button" class="mobile-menu-close">
            <svg>
                <use xlink:href="{{asset('front-assets/svg/sprite.svg#close')}}"></use>
            </svg>
        </button>
    </div>
    <div class="mobile-menu-inner">
        <div class="mobile-menu-home">
            <a href="{{route('/')}}">
                <svg>
                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#home-2')}}"></use>
                </svg>
                <span>{{ShowLabelById(214)}}</span>
            </a>
        </div>
        <div class="mobile-menu-nav">
            <ul>
                @if($header_goods_subjects && $header_goods_subjects->children->isNotEmpty())
                    <li class="has-submenu">
                        <div class="has-submenu-head">
                            <a>{{ShowLabelById(153)}}</a>
                            <button type="button" class="has-submenu-arrow"></button>
                        </div>
                        <div class="submenu">
                            <div class="submenu-head">
                                <button type="button" class="submenu-back">
                                    <svg>
                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#back-2')}}"></use>
                                    </svg>
                                    <span>{{ShowLabelById(153)}}</span>
                                </button>
                            </div>
                            <ul>
                                @foreach($header_goods_subjects->children as $one_goods_subject_l1)
                                    @if($one_goods_subject_l1->children->isNotEmpty())
                                        <li class="has-submenu-2{{ $one_goods_subject_l1->mark_category == 1 ? ' mark-category' : '' }}" {{ $one_goods_subject_l1->mark_category == 1 && $one_goods_subject_l1->category_color ? 'style=color:'. $one_goods_subject_l1->category_color : '' }}>
                                            <div class="has-submenu-2-head">
                                                <a href="{{ route('catalog', $one_goods_subject_l1->alias) }}">
                                                    @if($one_goods_subject_l1->icon_name)
                                                        <img
                                                            src="{{ asset('front-assets/img/category/'. $one_goods_subject_l1->icon_name . '.svg')}}"
                                                            alt="{{$one_goods_subject_l1->icon_name}}"
                                                        >
                                                    @else
                                                        <img
                                                            src="{{ asset('front-assets/img/no-image-goods-s.png') }}"
                                                            alt="No image">
                                                    @endif
                                                    <span> {{ $one_goods_subject_l1->itemByLang->name ?? '' }}</span>
                                                    <span class="catalog-menu-quantity">{{$one_goods_subject_l1->all_items_count ?? 0}}</span>
                                                </a>
                                                <button type="button" class="has-submenu-2-arrow"></button>
                                            </div>
                                            <div class="submenu-2">
                                                <div class="submenu-2-head">
                                                    <button type="button" class="submenu-2-back">
                                                        <svg>
                                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#back-2')}}"></use>
                                                        </svg>
                                                        <span>{{ $one_goods_subject_l1->itemByLang->name ?? '' }}</span>
                                                    </button>
                                                </div>
                                                <ul>
                                                    @foreach($one_goods_subject_l1->children as $one_goods_subject_l2)
                                                        <li>
                                                            <a href="{{ route('catalog', $one_goods_subject_l2->alias) }}">
                                                                <span class="image">
                                                                    <img
                                                                        src="{{ $one_goods_subject_l2->img ? asset('upfiles/goods-subject/s/'. showImg($one_goods_subject_l2->img)) : asset('front-assets/img/no-image-goods-s.png') }}"
                                                                        alt="{{ $one_goods_subject_l2->itemByLang->name ?? '' }}"
                                                                    >
                                                                </span>
                                                                <span>{{ $one_goods_subject_l2->itemByLang->name ?? '' }}</span>
                                                            </a>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        </li>
                                    @else
                                        <li{{ $one_goods_subject_l1->mark_category == 1 ? ' class=mark-category' : '' }}
                                            {{ $one_goods_subject_l1->mark_category == 1 && $one_goods_subject_l1->category_color ? 'style=color:'. $one_goods_subject_l1->category_color : '' }}
                                        >
                                            <div class="has-submenu-2-head">
                                                <a href="{{ route('catalog', $one_goods_subject_l1->alias) }}">
                                                    @if($one_goods_subject_l1->icon_name)
                                                        <img
                                                            src="{{ asset('front-assets/img/category/'. $one_goods_subject_l1->icon_name . '.svg')}}"
                                                            alt="{{$one_goods_subject_l1->icon_name}}"
                                                        >
                                                    @else
                                                        <img
                                                            src="{{ asset('front-assets/img/no-image-goods-s.png') }}"
                                                            alt="No image">
                                                    @endif
                                                    <span>
                                                        {{ $one_goods_subject_l1->itemByLang->name ?? '' }}
                                                    </span>
                                                    <span class="catalog-menu-quantity">{{$one_goods_subject_l1->all_items_count ?? 0}}</span>
                                                </a>
                                            </div>
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                    </li>
                @endif
                @if($top_header_menu && $top_header_menu->children->isNotEmpty())
                    @foreach($top_header_menu->children as $one_menu_item_l1)
                        @if($one_menu_item_l1->children->isNotEmpty())
                            <li class="has-submenu">
                                <div class="has-submenu-head">
                                    <a class="custom-cursor-pointer">
                                        {{ $one_menu_item_l1->itemByLang->name ?? '' }}
                                    </a>
                                    <button type="button" class="has-submenu-arrow"></button>
                                </div>
                                <div class="submenu">
                                    <div class="submenu-head">
                                        <button type="button" class="submenu-back">
                                            <svg>
                                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#back-2')}}"></use>
                                            </svg>
                                            <span>{{ $one_menu_item_l1->itemByLang->name ?? '' }}</span>
                                        </button>
                                    </div>
                                    <ul>
                                        @foreach($one_menu_item_l1->children as $one_menu_item_l2)
                                            <li>
                                                <a href="{{ $one_menu_item_l2->page_type == 'link' ? $one_menu_item_l2->itemByLang->link : route('menu', $one_menu_item_l2->alias) }}">
                                                    <span>{{ $one_menu_item_l2->itemByLang->name ?? '' }}</span>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </li>
                        @else
                            <li>
                                <a href="{{ $one_menu_item_l1->page_type == 'link' ? $one_menu_item_l1->itemByLang->link : route('menu', $one_menu_item_l1->alias) }}">{{ $one_menu_item_l1->itemByLang->name ?? '' }}</a>
                            </li>
                        @endif
                    @endforeach
                @endif
            </ul>
        </div>
    </div>
    <div class="mobile-menu-bottom">
        @if(!empty($social_media) && count($social_media))
            <div class="mobile-menu-socials socials">
                <p>{{ShowLabelById(136)}}:</p>
                <ul>
                    @foreach($social_media as $one_item)
                        <li>
                            <a href="{{ $one_item->link }}" target="_blank">
                                <img
                                    src="{{ $one_item->img ? asset('upfiles/social-media/'.$one_item->img) : asset('front-assets/img/no-image-goods-s.png') }}"
                                    alt="{{ $one_item->itemByLang->name ?? '' }}">
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if(!empty($lang_list) && count($lang_list))
            <div class="main-header-langs">
                <ul>
                    @foreach($lang_list as $one_lang)
                        <li {{ $one_lang == app()->getLocale() ? 'class=active' : '' }}>
                            <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.app()->getLocale(). '/', '/'.$one_lang.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.app()->getLocale(), '/'.$one_lang, request()->fullUrl()) : url($one_lang)) }}">{{ strtoupper($one_lang) }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
</div>
<!-- Mobile Menu end -->

@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')

<!-- Main Header start -->
<header class="main-header">
    @if($top_header_publicity)
        <div class="main-header-banner" style="background-color:{{$top_header_publicity->itemByLang->short_descr ?? ''}}">
            <div class="container">
                <div class="main-header-banner-inner">
                    <div>{!!$top_header_publicity->itemByLang->body ?? ''!!}</div>
                </div>
            </div>
        </div>
    @endif
    <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.svg')}}" alt="Logo">
                    </a>
                </div>
                <div class="main-header-top-right">
                    @if(!empty($social_media) && count($social_media))
                        <div class="main-header-socials socials">
                            <p>{{ShowLabelById(136)}}:</p>
                            <ul>
                                @foreach($social_media as $one_item)
                                    <li>
                                        <a href="{{ $one_item->link }}" target="_blank">
                                            <img
                                                src="{{ asset('front-assets/img/icons/'.$one_item->icon_name.'_header.svg') }}"
                                                alt="{{ $one_item->itemByLang->name ?? '' }}"
                                            >
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="main-header-contacts">
                        <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>
                        <p>{{ showSettingBodyByAlias('main-support') }}</p>
                    </div>
                    @if(!empty($lang_list) && count($lang_list))
                        <div class="main-header-langs">
                            <ul>
                                @foreach($lang_list as $one_lang)
                                    <li {{ $one_lang == app()->getLocale() ? 'class=active' : '' }}>
                                        <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.app()->getLocale(). '/', '/'.$one_lang.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.app()->getLocale(), '/'.$one_lang, request()->fullUrl()) : url($one_lang)) }}">{{ strtoupper($one_lang) }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="main-header-bottom">
        <div class="container">
            <div class="main-header-bottom-inner">
                <button type="button" class="burger-menu active-cta">
                    <svg>
                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#burger')}}"></use>
                    </svg>
                </button>
                <div class="main-header-catalog">
                    <button type="button" class="header-catalog-toggle active">
                        <svg class="header-catalog-burger">
                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#burger-2')}}"></use>
                        </svg>
                        <span>{{ShowLabelById(273)}}</span>
                        <svg class="header-catalog-arrow">
                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow')}}"></use>
                        </svg>
                    </button>
                    @if($header_goods_subjects && $header_goods_subjects->children->isNotEmpty())
                        <div class="header-catalog-menu @if(request()->routeIs('/')) active @endif">
                            <ul>
                                @foreach($header_goods_subjects->children as $one_goods_subject_l1)
                                    <li class="{{ $one_goods_subject_l1->mark_category == 1 ? ' mark-category' : '' }}"
                                        {{ $one_goods_subject_l1->mark_category == 1 && $one_goods_subject_l1->category_color ? 'style=color:'. $one_goods_subject_l1->category_color : '' }}
                                    >
                                        <a href="{{ route('catalog', $one_goods_subject_l1->alias) }}" class="catalog-menu-head">
                                            @if($one_goods_subject_l1->icon_name)
                                                <img src="{{ asset('front-assets/img/category/'. $one_goods_subject_l1->icon_name . '.svg')}}" alt="{{$one_goods_subject_l1->icon_name}}">
                                            @else
                                                <img
                                                    src="{{ asset('front-assets/img/no-image-goods-s.png') }}"
                                                    alt="No image">
                                            @endif
                                            <span>{{ $one_goods_subject_l1->itemByLang->name ?? '' }}</span>
                                            <span class="catalog-menu-quantity">{{$one_goods_subject_l1->all_items_count ?? 0}}</span>
                                        </a>
                                        @if(!empty($one_goods_subject_l1->children) && count($one_goods_subject_l1->children))
                                            <div class="catalog-menu-submenu">
                                                <ul>
                                                    @foreach($one_goods_subject_l1->children as $one_goods_subject_l2)
                                                        <li>
                                                            <a href="{{ route('catalog', $one_goods_subject_l2->alias) }}">
                                                                <span class="image">
                                                                    <img
                                                                        src="{{ $one_goods_subject_l2->img ? asset('upfiles/goods-subject/s/'. showImg($one_goods_subject_l2->img)) : asset('front-assets/img/no-image-goods-s.png') }}"
                                                                        alt="{{ $one_goods_subject_l2->itemByLang->name ?? '' }}"
                                                                    >
                                                                </span>
                                                                <span>{{ $one_goods_subject_l2->itemByLang->name ?? '' }}</span>
                                                            </a>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
                <div class="main-header-right">
                    <div class="main-header-home">
                        <a href="{{route('/')}}">
                            <svg>
                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#home-2')}}"></use>
                            </svg>
                        </a>
                    </div>
                    <div class="main-header-nav">
                        <nav>
                            <ul>
                                @if($top_header_menu && $top_header_menu->children->isNotEmpty())
                                    @foreach($top_header_menu->children as $one_menu_item_l1)
                                        @if($one_menu_item_l1->children->isNotEmpty())
                                            <li class="has-submenu">
                                                <a class="custom-cursor-pointer">{{ $one_menu_item_l1->itemByLang->name ?? '' }}</a>
                                                <div class="submenu">
                                                    <ul>
                                                        @foreach($one_menu_item_l1->children as $one_menu_item_l2)
                                                            <li>
                                                                <a href="{{ $one_menu_item_l2->page_type == 'link' ? $one_menu_item_l2->itemByLang->link : route('menu', $one_menu_item_l2->alias) }}">{{ $one_menu_item_l2->itemByLang->name ?? '' }}</a>
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </li>
                                        @else
                                            <li>
                                                <a href="{{ $one_menu_item_l1->page_type == 'link' ? $one_menu_item_l1->itemByLang->link : route('menu', $one_menu_item_l1->alias) }}">
                                                    {{ $one_menu_item_l1->itemByLang->name ?? '' }}
                                                </a>
                                            </li>
                                        @endif
                                    @endforeach
                                @endif
                            </ul>
                        </nav>
                    </div>
                    <div class="main-header-bottom-right">
                        <div class="main-header-user">
                            <button type="button" class="header-user-btn active-cta">
                                <svg class="header-user-icon">
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#user')}}"></use>
                                </svg>
                            </button>
                            <div class="header-user-menu" data-active-cta="header-user-btn">
                                <div class="header-user-top">
                                    <button type="button" class="header-user-close">
                                        <svg class="header-user-arrow">
                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#close')}}"></use>
                                        </svg>
                                    </button>
                                </div>
                                @if(ifUserSessionExists())
                                    <div class="header-user-name">{{ $global_user->last_name .' '. $global_user->name ?? '' }}</div>
                                    <div class="header-user-list">
                                        <ul>
                                            @if($cabinet_menu_links && $cabinet_menu_links->children->isNotEmpty())
                                                @foreach($cabinet_menu_links->children as $one_menu_item)
                                                    <li>
                                                        <a href="{{ $one_menu_item->itemByLang->link ?? '' }}">{{ $one_menu_item->itemByLang->name ?? '' }}</a>
                                                    </li>
                                                @endforeach
                                            @endif
                                        </ul>
                                    </div>
                                    <div class="header-user-exit">
                                        <a href="{{ route('logout') }}">
                                            <svg class="header-user-arrow">
                                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#exit') }}"></use>
                                            </svg>
                                            <span>{{ ShowLabelById(144) }}</span>
                                        </a>
                                    </div>
                                @else
                                    <div class="header-user-list">
                                        <ul>
                                            <li>
                                                <a href="javascript:;" class="open-login">{{ ShowLabelById(55) }}</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="open-registration">{{ ShowLabelById(14) }}</a>
                                            </li>
                                        </ul>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="main-header-links">
                            <a href="javascript:;" class="main-header-search active-cta">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search') }}"></use>
                                </svg>
                            </a>
                            <a href="{{ route('wish') }}" class="main-header-favorites">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#heart') }}"></use>
                                </svg>
                                <span class="header-links-quantity header-wish-count" {{ !$wish_count ? 'style=display:none' : '' }}>
                                    {{ $wish_count ?? 0 }}
                                </span>
                            </a>
                            <a href="javascript:;" class="main-header-basket active-cta{{ request()->segment(2) == 'cart' ? ' hide-from-basket custom-cursor-default' : '' }}">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#cart') }}"></use>
                                </svg>
                                <span class="header-links-quantity header-basket-count" {{ !$basket_count ? 'style=display:none' : '' }}>
                                    {{ $basket_count ?? 0 }}
                                </span>
                                <span class="header-links-text">
                                    <span class="header-basket-price">
                                        {{ getDefaultPriceFormat($header_total_price) }}
                                    </span>
                                    {{ ShowLabelById(23) }}
                                </span>
                                <svg class="header-links-arrow">
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow') }}"></use>
                                </svg>
                            </a>
                        </div>
                    </div>
                    <div class="header-search-form">
                        <div class="header-search-form-inner">
                            <form action="{{ route('search') }}" method="GET">
                                <div class="header-search-row">
                                    <label for="header-search" class="sr-only">{{ ShowLabelById(146) }} ...</label>
                                    <input type="text" name="s" id="header-search" placeholder="{{ ShowLabelById(146) }} ..." value="{{ request()->input('s') }}">
                                    <button type="submit" class="header-search-btn">
                                        <svg class="header-links-arrow">
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search') }}"></use>
                                        </svg>
                                    </button>
                                </div>
                            </form>
                            <button type="submit" class="header-search-close">
                                <svg class="header-links-arrow">
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#close') }}"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="search-results render-search-modal">

                        </div>
                    </div>
                    @if(request()->segment(2) != 'cart')
                        @if(!empty($header_basket_items) && count($header_basket_items))
                            @include('front.templates.header-basket-items')
                        @else
                            <span class="header-cart-content render-header-basket-items">
                                <span class="header-cart-top justify-content-center">
                                    <p>{{ ShowLabelById(26) }}</p>
                                </span>
                            </span>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Main Header end -->