@include('front.templates.after-body-start')
@if(!app('User'))
    @include('front.templates.auth.mix')
@endif
<div class="mobile-menu">
    <div class="mobile-catalog-head">
        <div class="mobile-menu-title">{{ShowLabelById(16)}}</div>
        <button type="button" class="mobile-menu-close close-mobile-menu">
            <svg>
                <use xlink:href="{{asset('front-assets/svg/sprite.svg#close')}}"></use>
            </svg>
        </button>
    </div>
    <div class="mobile-catalog-content">
        <ul>
            @foreach($categories as $category)
            <li>
                <div class="mobile-catalog-item">
                    <a href="{{route('catalog',$category->alias_by_lang)}}">{{$category->name}}</a>
                    <button type="button" class="mobile-catalog-arrow">
                        <svg>
                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>
                        </svg>
                    </button>
                </div>
                @if($category->childrenActive->isNotEmpty())
                <div class="mobile-catalog-submenu">
                    <div class="mobile-catalog-submenu-head">
                        <button type="button" class="mobile-catalog-submenu-back">
                            <img src="{{asset('front-assets/img/icons/back.svg')}}" alt="back">
                            <span>{{ShowLabelById(197)}}</span>
                        </button>
                        <button type="button" class="mobile-catalog-submenu-close close-mobile-menu">
                            <svg>
                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#close')}}"></use>
                            </svg>
                        </button>
                    </div>
                    <div class="mobile-catalog-inner">
                        <div class="mobile-catalog-title">{{$category->name}}</div>
                        <div class="mobile-catalog-list">
                            @foreach($category->childrenActive as $child_category)
                                <a href="{{route('catalog',$category->alias_by_lang.'/'.$child_category->alias_by_lang)}}" class="mobile-catalog-submenu-item">
                                      <span class="mobile-catalog-img">
                                        <img src="{{$child_category->image_s}}" alt="{{$child_category->name}}">
                                      </span>
                                    <span class="mobile-catalog-text">{{$child_category->name}}</span>
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
                @endif
            </li>
            @endforeach
        </ul>
    </div>
    @if($header_menu->isNotEmpty())
    <div class="mobile-menu-nav">
        <ul>
            @foreach($header_menu as $menu)
                @if($menu->childrenFrontPages->isNotEmpty())
                    <li>
                        <div class="mobile-menu-nav-item">
                            <a href="{{$menu->href}}">{{$menu->name}}</a>
                            <button type="button" class="mobile-catalog-arrow">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="submenu">
                            <div class="mobile-catalog-submenu-head">
                                <button type="button" class="mobile-catalog-submenu-back">
                                    <img src="{{asset('front-assets/img/icons/back.svg')}}" alt="back">
                                    <span>{{ShowLabelById(197)}}</span>
                                </button>
                                <button type="button" class="mobile-catalog-submenu-close close-mobile-menu">
                                    <svg>
                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#close')}}"></use>
                                    </svg>
                                </button>
                            </div>
                            <ul>
                                @foreach($menu->childrenFrontPages as $child_menu)
                                    <li>
                                        <a href="{{$child_menu->parentHref($menu->alias)}}">{{$child_menu->name}}</a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </li>
                @else
                    <li>
                        <a href="{{$menu->href}}">{{$menu->name}}</a>
                    </li>
                @endif

            @endforeach
        </ul>
    </div>
    @endif
</div>
<div class="page-wrapper">
    <header class="main-header">
        <div class="main-header-mobile d-xl-none">
            <div class="container">
                <div class="main-header-mobile-inner">
                    <div class="main-header-logo">
                        <a href="{{route('/')}}">
                            <img src="{{asset('front-assets/img/logo/logo.svg')}}" alt="logo">
                        </a>
                    </div>
                    @if($phone)
                    <div class="main-header-phone">
                        <a href="tel:{{str_replace(' ','',$phone)}}">
                            <svg>
                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#phone')}}"></use>
                            </svg>
                            <span>{{$phone}}</span>
                        </a>
                        <button type="button" class="header-phone-more">
                            <svg>
                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                            </svg>
                        </button>
                        <div class="header-phone-modal">
                            <ul>
                                @foreach($phones as $phone_item)
                                <li>
                                    <a href="tel:{{str_replace(' ','',$phone_item)}}">
                                        <svg>
                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#phone')}}"></use>
                                        </svg>
                                        <span>{{$phone_item}}</span>
                                    </a>
                                </li>
                                @endforeach
                            </ul>
                            <div class="header-phone-info">
                                <p>{{ShowLabelById(14)}}</p>
                                <p>{{showSettingBodyByAlias('support')}}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="main-header-top">
            <div class="container">
                <div class="main-header-top-inner">
                    @if($header_menu->isNotEmpty())
                        <nav class="main-header-nav">
                        <ul>
                            @foreach($header_menu as $menu)
                            <li>
                                <a href="{{$menu->href}}">{{$menu->name}}</a>
                                @if($menu->childrenFrontPages->isNotEmpty())
                                    <div class="submenu">
                                        <ul>
                                            @foreach($menu->childrenFrontPages as $child_menu)
                                            <li>
                                                <a href="{{$child_menu->parentHref($menu->alias)}}">{{$child_menu->name}}</a>
                                            </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </li>
                            @endforeach
                        </ul>
                    </nav>
                    @endif

                    @if($schedule)
                    <div class="main-header-schedule ms-auto">
                        <img src="{{asset('front-assets/img/icons/time.svg')}}" alt="time">
                        <p>{{strip_tags($schedule)}}</p>
                    </div>
                    @endif
                    @if($socials->isNotEmpty())
                        <div class="main-header-socials">
                            <p>{{ShowLabelById(15)}}:</p>
                            <ul>
                                @foreach($socials as $name=>$value)
                                    <li>
                                        <a target="_blank" href="{{$value}}">
                                            <svg>
                                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#'.$name)}}"></use>
                                            </svg>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="main-header-langs">
                        <ul>
                            @foreach($lang_list as $lang_id=>$lang)
                                <li {{$lang_id == LANG_ID ? 'class=active':''}}>
                                    @if(isset($lang_links) && count($lang_links) && isset($lang_links[$lang_id]))
                                        <a href="{{ $lang_links[$lang_id] }}">
                                            {{mb_strtoupper($lang)}}
                                        </a>
                                    @else
                                        <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.LANG. '/', '/'.$lang.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.LANG, '/'.$lang, request()->fullUrl()) : url($lang)) }}">
                                            {{mb_strtoupper($lang)}}
                                        </a>
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-header-bottom">
            <div class="container">
                <div class="main-header-bottom-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-catalog">
                        <button type="button" class="header-catalog-btn open-catalog">
                            <svg>
                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#burger')}}"></use>
                            </svg>
                            <span>{{ShowLabelById(16)}}</span>
                        </button>
                        <div class="header-catalog">
                            <div class="container">
                                <div class="header-catalog-inner">
                                    <ul>
                                        @foreach($categories as $category)
                                        <li>
                                            <a href="{{route('catalog',$category->alias_by_lang)}}" class="header-catalog-main">{{$category->name}}</a>
                                            @if($category->childrenActive->isNotEmpty())
                                                <div class="submenu">
                                                <div class="submenu-list">
                                                    @foreach($category->childrenActive as $child_category)
                                                        <a href="{{route('catalog',$category->alias_by_lang.'/'.$child_category->alias_by_lang)}}" class="submenu-item">
                                                            <span class="submenu-item-img">
                                                              <img src="{{$child_category->image_s}}" alt="{{$child_category->name}}">
                                                            </span>
                                                        <span class="submenu-item-text">{{$child_category->name}}</span>
                                                    </a>
                                                    @endforeach
                                                </div>
                                            </div>
                                            @endif
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-header-langs d-xl-none">
                        <ul>

                            @foreach($lang_list as $lang_id=>$lang)
                                <li {{$lang_id == LANG_ID ? 'class=active':''}}>
                                    @if(isset($lang_links) && count($lang_links) && isset($lang_links[$lang_id]))
                                        <a href="{{ $lang_links[$lang_id] }}">
                                            {{mb_strtoupper($lang)}}
                                        </a>
                                    @else
                                        <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.LANG. '/', '/'.$lang.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.LANG, '/'.$lang, request()->fullUrl()) : url($lang)) }}">
                                            {{mb_strtoupper($lang)}}
                                        </a>
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="main-header-search">
                        <form action="{{route('search')}}" method="GET">
                            <div class="header-search-row">
                                <label for="header-search" class="sr-only">{{ShowLabelById(17)}} ...</label>
                                <input type="text" id="header-search" autocomplete="off" name="search" placeholder="{{request()->search ?? ShowLabelById(17).' ...'}}">
                                <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>
                    @if($phone)
                        <div class="main-header-phone">
                            <a href="tel:{{str_replace(' ','',$phone)}}">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#phone')}}"></use>
                                </svg>
                                <span>{{$phone}}</span>
                            </a>
                        <button type="button" class="header-phone-more">
                            <svg>
                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                            </svg>
                        </button>
                        <div class="header-phone-modal">
                            <ul>
                                @foreach($phones as $phone_item)
                                    <li>
                                        <a href="tel:{{str_replace(' ','',$phone_item)}}">
                                            <svg>
                                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#phone')}}"></use>
                                            </svg>
                                            <span>{{$phone_item}}</span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                            <div class="header-phone-info">
                                <p>{{ShowLabelById(14)}}</p>
                                <p>{{showSettingBodyByAlias('support')}}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                    <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 href="{{!app('User')?'javascript:;':route('cabinet.index')}}" {{!app('User') ? 'class=open-signin':''}}>
                                    <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>
                                </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 == 0 ? 'd-none':''}}">{{$basket_count}}</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>