{{-- search icon with input --}}
@include('themes.includes.headers.shape3.searchInput',['color'=>'text_1','class'=>'' ])

{{-- language switcher --}}
<span class="mx-1 d-md-inline d-none">
    <div class="dropdown hover_drop_down d-inline-block" dir="{{ $dir }}">
        <a aria-label="view languages" class="dropdown-toggle d-inline-flex align-items-center justify-content-center gap-1 {{ isset($color) ? $color : '' }} font-20 fb-400" href="#" role="button" id="dropdownMenuUser" data-bs-toggle="dropdown" aria-expanded="false" >
            <i class="polaris-max-icon-globe " aria-hidden="true"></i>
            <span class="text_3 font-18 " >{{__('theme6.'.app()->getLocale())}}</span>
            {{-- <i class="polaris-max-icon-arrow-down" aria-hidden="true"></i> --}}
        </a>
        <ul class="dropdown-menu account-menu px-2" aria-labelledby="dropdownMenuUser">
            @foreach($langs as $key => $lang)
                <li class="{{ app()->getLocale() == $lang->locale? 'background_1' : '' }}">
                    <a aria-label="change language to {{__('lang.'.$lang->locale)}}" class="dropdown-item {{ app()->getLocale() == $lang->locale? 'text_2' : '' }}" href="{{route('lang',$lang->locale)}}" >
                        {{__('lang.'.$lang->locale)}}
                    </a>
                </li>
            @endforeach
        </ul>
    </div>
</span>

<span class="d-flex align-items-center justify-content-center background_4 py-1 px-3  ms-2 rounded-pill header-icons">

    {{-- cart icon --}}
    <span class="position-relative px-0">
        <a aria-label="view cart" class="{{ isset($color) ? $color : '' }} font-24 position-relative" href="{{ route('GetCarts') }}"   >
            <i class="polaris-max-icon-cart-outline-3" aria-hidden="true"></i>
            <span class="position-absolute spanCart {{ $dir }} translate-middle badge rounded-pill font-12 fb-500  {{ isset($class) ? $class : '' }}">
                {{$countCart ? $countCart : 0}}
                <span class="visually-hidden">unread messages</span>
            </span>
            {{-- <span class="font-14">{{ __('theme6.myCart') }}</span> --}}
        </a>
    </span>

    <span class="line-seperated px-2 position-relative {{ session()->has('customer') ? '' : 'd-md-inline d-none' }}"></span>

    {{-- favourite Icon --}}
    @if(session()->has('customer'))
        <span class="position-relative px-0 ">
            <a aria-label="view my favs" class="{{ isset($color) ? $color : '' }} font-24 position-relative" href="{{route('customerFavs')}}"   >
                <i class="polaris-max-icon-heart-alt" aria-hidden="true"></i>
                <span class="position-absolute spanFav {{ $dir }} translate-middle badge rounded-pill font-12 fb-500  {{ isset($class) ? $class : '' }}">
                    {{countFav() ? countFav() : 0}}
                    <span class="visually-hidden">unread messages</span>
                </span>
            </a>
        </span>

        <span class="line-seperated px-2 position-relative "></span>
    @endif

    {{-- Notification Icon --}}
    @if(session()->has('customer'))
    <span class="position-relative px-0 ">
        <div class="dropdown hover_drop_down d-inline-block" dir="{{ $dir }}">
            <a aria-label="view notifications" class="d-flex align-items-center justify-content-center {{ isset($color) ? $color : '' }} font-24 position-relative" href="#" role="button" id="dropdownMenuNotifications" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="polaris-max-icon-mingcute_notification-line" aria-hidden="true"></i>
                <span class="position-absolute spanNotification {{ $dir }} translate-middle badge rounded-pill font-12 fb-500  {{ isset($class) ? $class : '' }}" id="notification-count"">
                    0
                    <span class="visually-hidden">unread messages</span>
                </span>
            </a>
            <ul class="dropdown-menu account-menu p-0" aria-labelledby="dropdownMenuNotifications" style="width: 300px; overflow: hidden;">
                <div class="" style="max-height: 350px; overflow-y: auto;">
                    <div id="notification-list">
                        <li class="text-center py-2"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span></li>
                    </div>
                </div>
                <div class="border-top text-center">
                    <a aria-label="read all notifications" class="dropdown-item font-14 fb-700 py-2" href="{{ route('allNotifications') }}">{{ __('lang.readAllNotification') }}</a>
                </div>
            </ul>
        </div>
    </span>
    <span class="line-seperated px-2 position-relative d-md-inline d-none"></span>
    @endif

    <span class="mx-1 d-md-inline d-none" >
        {{-- User Icon And Menu --}}
        <div class="dropdown hover_drop_down {{$hasRegistration ? 'd-inline-block' : 'd-none'}}" dir="{{ $dir }}">
            <a aria-label="view my account" class="dropdown-toggle d-md-flex d-none align-items-center justify-content-center {{ isset($color) ? $color : '' }} font-24 fb-500" href="#" role="button" id="dropdownMenuUser" data-bs-toggle="dropdown" aria-expanded="false">

                <span class="font-16 ">
                    @if(session()->has('customer'))