<header class="ptb-50">
    <div class="header-bottom wrapper-padding-2 res-header-sm sticker header-sticky-3 furits-header">
        <div class="container-fluid">
            <div class="header-bottom-wrapper ">
                <div class="logo-2 ptb-35 menu-hover">
                    <a href="{{route('home')}}">
                        <img style="width: 150px" src="{{asset('img/logo.png')}}" alt="">
                    </a>
                </div>
                <div class="menu-style-2 handicraft-menu menu-hover">
                    <nav>
                        <ul>
{{--                            <li><a href="{{route('home')}}">Home</a></li>--}}
                            <li><a href="{{route('home')}}">{{__("Home")}}</a></li>
                            <li>
                                <a href="{{route('shop.index')}}">
                                    {{__("Our Products")}}
                                </a>
                            </li>
                            <ul class="single-dropdown">
                                <li>
                                    <a href="{{route('contact.index')}}">{{__("Contact us")}}</a>
                                </li>

                                @guest('customer')
                                    <li>
                                        <a href="{{route('login')}}">{{__("Login")}}</a>
                                    </li>
                                    @if (route('register'))
                                        <li>
                                            <a href="{{route('register')}}">{{__("Register")}}</a>
                                        </li>
                                    @endif
                                @endguest
                                <li>
                                    <a href="{{route('cart.index')}}">{{__("Cart page")}}</a>
                                </li>
                            </ul>
                            <li>
                                <a href="javascript:void(0);">{{__("Categories")}}</a>

                                <ul class="single-dropdown">
                                    @forelse($shop_categories_menu as $global_category)
                                        <li>
                                            <a href="{{ route('shop.index', $global_category->slug) }}">
                                                {{ $global_category->name }}
                                            </a>
                                        </li>
                                    @empty
                                    @endforelse
                                </ul>
                            </li>
                            <li>
{{--                                <a href="https://classicglobalproducts.com/cgp/who-we-are/">{{__("Who we are")}}?</a>--}}
{{--                                <a href="javascript:void(0);">{{__("Pages")}}</a>--}}
{{--                                <ul class="single-dropdown">--}}
{{--                                    @include('partials.frontend.pages')--}}
{{--                                </ul>--}}
                            </li>
                            <li>
                                <a href="{{route('contact.index')}}">{{__("Contact")}}</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="furits-login-cart">
                    <div class="furits-login menu-hover">
                        <ul>
                            @guest('customer')
                                <li><a href="{{route('login')}}">{{__("Login")}}</a></li>
                                <li><a href="{{route('register')}}">{{__("Reg")}}</a></li>
                            @else
                                <li>
                                    <livewire:frontend.header.notification-component />
                                </li>

                                <li>
                                    <a href="javascript:void(0);" style="color: #41ad49;">{{__("My Account")}}</a>
                                    <ul class="single-dropdown">
                                        @auth('customer')
                                            <li><a href="{{ route('user.dashboard') }}" style="color: #41ad49;">{{__("Dashboard")}}</a></li>
                                        @endauth
                                        <li>
                                            <a class="dropdown-item" href="{{ route('logout') }}"
                                               onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
                                               style="color: #41ad49;">
                                                {{ __('Logout') }}
                                            </a>
                                            <form id="logout-form" action="{{ route('logout') }}" method="POST"
                                                  style="display: none;">
                                                @csrf
                                            </form>
                                        </li>
                                        <li>
                                            <span class="text-danger fs-14"> {{__("Balance")}} : <strong>{{format_amount(auth("customer")->user()->balance,true)}}</strong></span><br>
                                        <li>
                                    </ul>
                                </li>
                            @endguest
                        </ul>
                    </div>
                    <livewire:frontend.header.cart-component />
                </div>
            </div>
            <div class="row">
                <div class="mobile-menu-area d-md-block col-md-12 col-lg-12 col-12 d-lg-none d-xl-none">
                    <div class="mobile-menu">
                        <nav id="mobile-menu-active">
                            <ul class="menu-overflow">
                                <li><a href="{{route('home')}}">HOME</a></li>
                                <li><a href="{{route('shop.index')}}">PRODUCTS</a></li>
                                <li><a href="#">Categories</a>
                                    <ul>
                                        <li>
                                        @foreach($shop_categories_menu as $global_category)
                                            <li>
                                                <a href="{{ route('shop.index', $global_category->slug) }}">
                                                    {{ $global_category->name }}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </li>
                                <li><a href="{{route('contact.index')}}">contact</a></li>
                                @guest('customer')
                                    <li>
                                        <a href="{{route('login')}}">Login</a>
                                    </li>
                                    <li>
                                        <a href="{{route('register')}}">Reg</a>
                                    </li>
                                @else
                                    <li><a href="{{ route('user.dashboard') }}">Dashboard</a></li>
                                    <li>
                                        <a class="dropdown-item" href="javascript:void(0)"
                                           onclick="event.preventDefault(); deconnexion('{{ route("logout") }}')">
                                            {{ __('Logout') }}
                                        </a>
                                    </li>
                                @endguest
                                @include('partials.frontend.pages')
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="breadcrumb-area pt-50">

    <div class="container-fluid">
        <div class="furniture-bottom-wrapper">
            <div class="furniture-login">
            </div>
            <div class="furniture-search m-b-5">
                <form>
                    <div class="form-input border rounded form-control-color">
                        <input id="search" type="text"
                               value="{{ old('keyword', request()->keyword) }}"
                               placeholder="Search for product...">
                    </div>
                </form>
            </div>
            <div class="furniture-wishlist">
                <livewire:frontend.header.wishlist-component />
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </div>
        </div>
    </div>
</div>
