@if(get_setting('topbar_banner') != null)
<div class="position-relative top-banner removable-session z-1035 d-none" data-key="top-banner" data-value="removed">
    <a href="{{ get_setting('topbar_banner_link') }}" class="d-block text-reset">
        <img src="{{ uploaded_asset(get_setting('topbar_banner')) }}" class="w-100 mw-100 h-50px h-lg-auto img-fit">
    </a>
    <button class="btn text-white absolute-top-right set-session" data-key="top-banner" data-value="removed" data-toggle="remove-parent" data-parent=".top-banner">
        <i class="la la-close la-2x"></i>
    </button>
</div>
@endif
<!-- Top Bar -->
<!--<div class="top-navbar bg-white border-bottom border-soft-secondary z-1035">-->
<!--    <div class="container">-->
<!--        <div class="row">-->
<!--            <div class="col-lg-7 col">-->
<!--                <ul class="list-inline d-flex justify-content-between justify-content-lg-start mb-0">-->
                    
<!--                    <li class="text-reset py-2 d-inline-block mr-4"  type="tel">-->
<!--                        Call Us: <a class="text-reset" href="tel:{{ get_setting('contact_phone') }}">{{ get_setting('contact_phone') }}</a> -->
<!--                    </li>-->

                    
<!--                    <li class="text-reset py-2 d-inline-block " type="email">-->
<!--                        E-mail: <a class="text-reset" href="mailto:{{ get_setting('contact_email')  }}">{{ get_setting('contact_email')  }}</a>-->
<!--                    </li>-->
<!--                </ul>-->
<!--            </div>-->
<!--text-reset py-2 d-inline-block opacity-60-->
<!--            <div class="col-5 text-right d-none d-lg-block">-->
<!--                <ul class="list-inline mb-0">-->
<!--                    @auth-->
<!--                        @if(isAdmin())-->
<!--                            <li class="list-inline-item mr-3">-->
<!--                                <a href="{{ route('admin.dashboard') }}" class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn mt-2">{{ translate('My Dashboard')}}</a>-->
<!--                            </li>-->
<!--                        @else-->
<!--                            <li class="list-inline-item mr-3">-->
<!--                                <a href="{{ route('dashboard') }}" class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn mt-2">{{ translate('My Profile')}}</a>-->
<!--                            </li>-->
<!--                        @endif-->
<!--                        <li class="list-inline-item">-->
<!--                            <a href="{{ route('logout') }}" class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn mt-2">{{ translate('Logout')}}</a>-->
<!--                        </li>-->
<!--                    @else-->
<!--                        <li class="list-inline-item mr-3">-->
<!--                            <a href="{{ route('user.login') }}" class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn mt-2">{{ translate('Login')}}</a>-->
<!--                        </li>-->
<!--                        <li class="list-inline-item">-->
<!--                            <a href="{{ route('user.registration') }}" class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn mt-2">{{ translate('Registration')}}</a>-->
<!--                        </li>-->
<!--                    @endauth-->
<!--                </ul>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- END Top Bar -->
<header class="@if(get_setting('header_stikcy') == 'on') sticky-top @endif z-1020 bg-white border-bottom shadow-sm">
    <div class="position-relative logo-bar-area z-1">
        <div class="container">
            <div class="d-flex align-items-center">

                <div class="col-auto col-xl-3 pl-0 pr-3 d-flex align-items-center">
                    <a class="d-block py-20px mr-3 ml-0 align-items-center" href="{{ route('home') }}">
                        @php
                            $header_logo = get_setting('header_logo');
                        @endphp
                        @if($header_logo != null)
                            <img src="{{ uploaded_asset($header_logo) }}" alt="{{ env('APP_NAME') }}" class="mw- h-30px h-md-40px"  >
                        @else
                            <img src="{{ static_asset('assets/img/logo.png') }}" alt="{{ env('APP_NAME') }}" class="mw-100 h-30px h-md-40px" height="40">
                        @endif
                    </a>

                    @if(Route::currentRouteName() == [ 'home', 'product.list'])
                        <div class="d-none d-xl-block align-self-stretch category-menu-icon-box ml-auto mr-0">
                            <div class="h-100 d-flex align-items-center" id="category-menu-icon">
                                <div class="dropdown-toggle h-40px w-130px pl-2 rounded c-pointer btn btn-primary">
                                    <img src="{{ static_asset('assets/img/category-icon.png') }}"></img>
                                    <span class="text-reset color-cata">Categories</span>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="d-lg-none ml-auto mr-0">
                    <a class="p-2 d-block text-reset" href="javascript:void(0);" data-toggle="class-toggle" data-target=".front-header-search">
                        <i class="las la-search la-flip-horizontal la-2x"></i>
                    </a>
                </div>

                <div class="flex-grow-1 front-header-search d-flex align-items-center bg-white">
                    <div class="position-relative flex-grow-1">
                        <form action="{{ route('search') }}" method="GET" class="stop-propagation">
                            <div class="d-flex position-relative align-items-center">
                                <div class="d-lg-none" data-toggle="class-toggle" data-target=".front-header-search">
                                    <button class="btn px-2" type="button"><i class="la la-2x la-long-arrow-left"></i></button>
                                </div>
                                <div class="input-group">
                                    <input type="text" class="border-0 border-lg form-control" id="search" name="q" placeholder="{{translate('I am shopping for...')}}" autocomplete="off">
                                    <div class="input-group-append d-none d-lg-block">
                                        <button class="btn btn-primary" type="submit">
                                            <i class="la la-search la-flip-horizontal fs-18"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="typed-search-box stop-propagation document-click-d-none d-none bg-white rounded shadow-lg position-absolute left-0 top-100 w-100" style="min-height: 200px">
                            <div class="search-preloader absolute-top-center">
                                <div class="dot-loader"><div></div><div></div><div></div></div>
                            </div>
                            <div class="search-nothing d-none p-3 text-center fs-16">

                            </div>
                            <div id="search-content" class="text-left">

                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-none d-lg-none ml-3 mr-0">
                    <div class="nav-search-box">
                        <a href="#" class="nav-box-link">
                            <i class="la la-search la-flip-horizontal d-inline-block nav-box-icon"></i>
                        </a>
                    </div>
                </div>
{{-- language --}}
            @php
                if(Session::has('locale')){
                    $locale = Session::get('locale', Config::get('app.locale'));
                }
                else{
                    $locale = env('DEFAULT_LANGUAGE');
                }
            @endphp
            <div class="aiz-topbar-item ml-2">
                <div class="align-items-stretch d-flex dropdown " id="lang-change">
                    <a class="dropdown-toggle no-arrow" data-toggle="dropdown" href="javascript:void(0);" role="button" aria-haspopup="false" aria-expanded="false">
                        <span class="btn btn-icon">
                            <img src="{{ static_asset('assets/img/flags/'.$locale.'.png') }}" height="11">
                        </span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-menu-xs">

                        @foreach (\App\Language::all() as $key => $language)
                            <li>
                                <a href="javascript:void(0)" data-flag="{{ $language->code }}" class="dropdown-item @if($locale == $language->code) active @endif">
                                    <img src="{{ static_asset('assets/img/flags/'.$language->code.'.png') }}" class="mr-2">
                                    <span class="language">{{ $language->name }}</span>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
                <div class="d-none d-lg-block ml-3 mr-0">
                    <div class="" id="compare">
                        @include('frontend.partials.compare')
                    </div>
                </div>

                <div class="d-none d-lg-block ml-3 mr-0">
                    <div class="" id="wishlist">
                        @include('frontend.partials.wishlist')
                    </div>
                </div>

                <div class="d-none d-lg-block  align-self-stretch ml-3 mr-0" data-hover="dropdown">
                    <div class="nav-cart-box dropdown h-100" id="cart_items">
                        @include('frontend.partials.cart')
                    </div>
                </div>

            </div>
        </div>
        @if(Route::currentRouteName() != 'home')
        <div class="hover-category-menu position-absolute w-100 left-0 right-0 d-none z-3" id="hover-category-menu" style="top:214%">
            <div class="container">
                <div class="row gutters-10 position-relative">
                    <div class="col-lg-3 position-static">
                        @include('frontend.partials.category_menu')
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
    @if ( get_setting('header_menu_labels') !=  null )
        <div class="border-top border-gray-200 py-1">
            
            <div class="container">
                <ul class="list-inline mb-0 pl-0 mobile-hor-swipe text-center">
          
                    @foreach (json_decode( get_setting('header_menu_labels'), true) as $key => $value)
                    <li class="list-inline-item mr-0">
                        <a href="{{ json_decode( get_setting('header_menu_links'), true)[$key] }}" class="opacity-60 fs-14 px-3 py-2 d-inline-block fw-600 hov-opacity-100 text-reset" target="_blank">
                            {{ translate($value) }}
                        </a>
                    </li>
                 @endforeach
                    
                           
                </ul>
                    
                
            </div>
        </div>
    @endif
</header>