@include('front.templates.after-body-start')
@if(!request()->routeIs('cart'))
    <a href="{{route('cart')}}" class="fixed-cart {{$basket_count == 0? 'd-none':''}}">
        <svg>
            <use xlink:href="{{asset('front-assets/svg/sprite.svg#cart')}}"></use>
        </svg>
        <span>{{$basket_count}}</span>
    </a>
@endif
<x-mobile-menu :lang_list="$lang_list" :header_catalog="$header_catalog" :social_media="$social_media"/>

<div class="page-wrapper" style="background-image: url({{asset('front-assets/img/page-bg.png')}});">
    <header class="main-header">
        <div class="container">
            <div class="main-header-inner">
                <button type="button" class="burger-menu">
                    <img src="{{asset('front-assets/img/icons/burger.svg')}}" alt="">
                </button>
                <div class="main-header-logo">
                    <a href="{{route('/')}}">
                        <img src="{{asset('front-assets/img/logo/logo.svg')}}" alt="logo">
                    </a>
                </div>
                @if($header_catalog->isNotEmpty())
                    <div class="page-tabs-list">
                        @foreach($header_catalog as $one_item)
                        <a href="#{{$one_item->alias}}" class="page-tabs-item" scroll-to-item>
                            <span class="page-tabs-img">
                              <img src="{{$one_item->webp}}" alt="{{$one_item->name}}">
                            </span>

                            <span class="page-tabs-content">
                              <span>{{$one_item->name}}</span>
                            </span>
                        </a>
                        @endforeach
                    </div>
                @endif
                <div class="main-header-nav">
                    <nav>
                        <ul>
                            @foreach($header_menu as $one_item)
                                <li class="{{$one_item->alias == 'menu' ? 'has-submenu':''}} {{(request()->routeIs('menu') && request()->route()->parameter('parent') == $one_item->alias) || ($one_item->alias == 'menu' && request()->routeIs('catalog'))? 'active':''}}">
                                    <a href="{{$one_item->link ?? ($one_item->alias == 'menu' ? route('catalog') : route('menu',[$one_item->alias]))}}">
                                        {{$one_item->name}}
                                    </a>
                                    @if($one_item->alias == 'menu' && $header_catalog->isNotEmpty())
                                        <div class="submenu">
                                            <ul>
                                                @foreach($header_catalog as $catalog_item)
                                                <li {{request()->routeIs('catalog') && request()->route()->parameter('category') == $catalog_item->alias ? 'class=active':''}}>
                                                    <a href="{{$catalog_item->link ?? route('catalog',[$catalog_item->alias])}}">{{$catalog_item->name}}</a>
                                                </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    </nav>
                </div>

                @if($social_media->isNotEmpty())
                <div class="main-header-socials socials">
                    <ul>
                        @foreach($social_media as $one_item)
                        <li>
                            <a target="_blank" href="{{$one_item->link}}">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#'.$one_item->icon_name)}}"></use>
                                </svg>
                            </a>
                        </li>
                        @endforeach
                    </ul>
                </div>
                @endif
                <div class="main-header-phone">
                    <a href="tel:{{str_replace(' ','',$phone)}}">
                        <span class="header-phone-icon">
                          <svg>
                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#phone')}}"></use>
                          </svg>
                        </span>
                        <span class="header-phone-text">{{$phone}}</span>
                    </a>
                </div>
                <div class="main-header-cart">
                    <a href="{{route('cart')}}">
                        <svg>
                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#cart')}}"></use>
                        </svg>
                        <span>{{$basket_count}}</span>
                    </a>
                </div>
                <div class="main-header-langs">
                    <ul>
                        @foreach( $lang_list as $lang_item )
                            <li @if($lang_item == LANG)class="active" @endif>
                                <a href="{{ count(request()->segments()) > 1 ? str_replace('/'.LANG. '/', '/'.$lang_item.'/', request()->fullUrl()) : (count(request()->segments()) == 1 ? str_replace('/'.LANG, '/'.$lang_item, request()->fullUrl()) : url($lang_item)) }}">{{$lang_item}}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </header>