@php
    // dd($country_slug);
     $s_categories = \App\Models\SupplierCategory::isActive()->orderBy('order', 'desc')->get();
  // dd($country_slug);
     $getCountry = \App\Models\Country::where('prefix',session('country'))->first();
     if(is_null($getCountry)){
     $getCountry= \App\Models\Country::first();

    \Illuminate\Support\Facades\Session::put('country',$getCountry->prefix);
     \URL::defaults(['country' =>  $getCountry->prefix ]);

     $setting = \App\Models\Setting::getByCountry($getCountry->id)->first();
     }


     $get_main_country = \App\Models\Country::where('prefix','!=',session('country'))->where('show_on_main',true)->get();
 ///sdd($getCountry,$country_slug);
@endphp

<header>
    <nav class="navbar navbar-expand-xl navbar-dark top py-xl-0">
        <div class="container">
            <ul class="navbar-nav ">
                <li class="nav-item dropdown mr-xl-0">
                    <a class="nav-link dropdown-toggle"  href="/{{$getCountry->prefix}}" id="countryNavbarDropdown" role="button"
                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>{{$getCountry->name}}</span>
                        <img src="{{$getCountry->countryUrl()}}" alt="">
                    </a>
                    <div class="dropdown-menu text-right" aria-labelledby="countryNavbarDropdown">
                        @foreach($get_main_country as $country)
                            <a class="dropdown-item" href="/{{$country->prefix}}"><img src="{{$country->countryUrl()}}" alt=""> {{$country->name}}</a>
                        @endforeach
                    </div>
                </li>

            </ul>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#topNavbarNav" aria-controls="topNavbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="topNavbarNav">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a href="#" class="nav-link"><i class="far fa-envelope icon"></i>{{$setting->email}}</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link"><i class="fas fa-mobile-alt icon"></i>{{$setting->phone}}</a>
                    </li>
                    @if(auth('shop')->check() || auth('supplier')->check())
                        <li class="nav-item">
                            <a href="{{ route('front.logout') }}" class="nav-link opposite">تسجيل خروج</a>
                        </li>
                    @elseif(auth('web')->check())
                        <li class="nav-item">
                            <a href="{{ route('logout') }}" class="nav-link opposite" onclick="event.preventDefault();
                                document.getElementById('logout-form').submit();">تسجيل خروج</a>
                            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                @csrf
                            </form>
                        </li>
                    @else
                        <li class="nav-item">
                            <div class="dropdown d-inline-block">
                                <a class="nav-link opposite dropdown-toggle" href="#" id="accountNavbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">إنشاء حساب
                                </a>
                                <div class="dropdown-menu text-right w-100" aria-labelledby="accountNavbarDropdown">
                                    <a class="dropdown-item" href="{{ route('front.shop_register_page') }}">إنشاء حساب محل تجاري</a>
                                    <a class="dropdown-item" href="{{ route('front.supplier_register_page') }}">انشاء حساب مورد</a>
                                </div>
                            </div>
                        </li>
                    @endif
                    {{--@auth--}}
                    {{--<li class="nav-item">--}}
                    {{--<a href="{{ route('front.logout') }}" class="nav-link opposite">تسجيل خروج</a>--}}
                    {{--</li>--}}
                    {{--@else--}}
                    {{--<li class="nav-item">--}}
                    {{--<div class="dropdown d-inline-block">--}}
                    {{--<a class="nav-link opposite dropdown-toggle" href="#" id="accountNavbarDropdown" role="button"--}}
                    {{--data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">إنشاء حساب--}}
                    {{--</a>--}}
                    {{--<div class="dropdown-menu text-right w-100" aria-labelledby="accountNavbarDropdown">--}}
                    {{--<a class="dropdown-item" href="{{ route('front.shop_register_page') }}">إنشاء حساب محل تجاري</a>--}}
                    {{--<a class="dropdown-item" href="{{ route('front.supplier_register_page') }}">انشاء حساب مورد</a>--}}
                    {{--</div>--}}
                    {{--</div>--}}
                    {{--</li>--}}
                    {{--@endif--}}
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="main justify-content-lg-between">
            <a href="{{ route('front.index') }}" class="opacity-1"><img src="{{ $setting->logo_url }}" alt="" class="logo"></a>
            <form class="search position-relative" action="{{ route('front.headerSearch') }}">
                <input type="hidden" name="search" value="true">
                <input type="text" name="name" class="form-control" placeholder="عن ماذا تبحث">
                <select class="form-control" name="type">
                    <option value="0" selected>مورد</option>
                    <option value="1">منتج</option>
                </select>
                {{--<select class="form-control" name="supplier_category_id">--}}
                    {{--@foreach($s_categories as $category)--}}
                        {{--<option value="{{ $category->id }}">{{ $category->name }}</option>--}}
                    {{--@endforeach--}}
                {{--</select>--}}
                <button class="btn"><i class="fas fa-search"></i></button>
            </form>
            <div class="links mx-auto mx-xl-0 d-flex justify-content-center align-items-center">
                @if(auth('web')->check())
                    <a href="{{ route('dashboard') }}">
                        <div class="icon"><i class="far fa-user"></i></div>
                        <div class="name">لوحة الإدارة</div>
                    </a>
                @elseif(auth('shop')->check())
                    <a href="{{route('shop.notification')}}">
                        <div class="icon"><i class="far fa-bell"></i></div>
                        <div class="number">{{auth('shop')->user()->unreadNotifications()->count()}}</div>
                        <div class="name">الإشعارات</div>
                    </a>
                    <a onclick="openSideCart()">
                        <div class="icon"><img src="{{asset('front_asset/assets/images/icons/shopping-bag2.png')}}" alt=""></div>
                        <div class="number" id="header_cart_count">{{\Cart::count()}}</div>
                        <div class="name">سلة الطلب</div>
                    </a>
                    <a href="{{ route('front.fouvarite') }}">
                        <div class="icon"><i class="far fa-heart"></i></div>
                        <div class="name">المفضلة</div>
                    </a>
                    <a href="{{ route('shop.dashboard') }}">
                        <div class="icon"><i class="far fa-user"></i></div>
                        <div class="name company">{{auth('shop')->user()->shop_name}}</div>
                    </a>
                @elseif(auth('supplier')->check())
                    <a href="{{route('supplier.notification')}}">
                        <div class="icon"><i class="far fa-bell"></i></div>
                        <div class="number">{{auth('supplier')->user()->unreadNotifications()->count()}}</div>
                        <div class="name">الإشعارات</div>
                    </a>

                    <a href="{{ route('supplier.order') }}">
                        <div class="icon"><img src="{{asset('front_asset/assets/images/icons/invoice.png')}}"></div>
                        <div class="name">تتبع الطلبات</div>
                    </a>
                    <a href="{{route('supplier.product')}}">
                        <div class="icon"><img src="{{asset('front_asset/assets/images/icons/open-box.png')}}"></div>
                        <div class="name">المنتجات</div>
                    </a>
                    <a href="{{ route('supplier.dashboard') }}">
                        <div class="icon"><i class="far fa-user"></i></div>
                        <div class="name company">{{auth('supplier')->user()->company_name}}</div>
                    </a>
                @else
                    <a href="#login-confirm" data-toggle="modal">
                        <div class="icon"><img src="{{asset('front_asset/assets/images/icons/shopping-bag2.png')}}" alt=""></div>
                        <div class="number">{{\Cart::count()}}</div>
                        <div class="name">سلة الطلب</div>
                    </a>
                    <a href="#login-confirm" data-toggle="modal">
                        <div class="icon"><i class="far fa-bell"></i></div>
                        <div class="number">0</div>
                        <div class="name">الإشعارات</div>
                    </a>
                    <a href="#login-confirm" data-toggle="modal">
                        <div class="icon"><i class="far fa-heart"></i></div>
                        <div class="name">المفضلة</div>
                    </a>
                    <a href="{{ route('front.login') }}">
                        <div class="icon"><i class="far fa-user"></i></div>
                        <div class="name">تسجيل الدخول</div>
                    </a>
                @endif
            </div>
        </div>
    </div>
</header>