
<nav class="navbar navbar-expand-lg navbar-dark">
    <div class="container-fluid d-block">
        <div class="row align-items-center">
            <div class="col-lg-3">
                <div class="nav_side">
                    <a class="" href="tel:{{$settings['site_phone']}}"> <i class="fal fa-mobile me-2"></i> <span class="txt" dir="ltr"> {{$settings['site_phone']}} </span> </a>
                    <a class="" href="{{route('cart.index')}}"> 
                        <i class="fal fa-cart-shopping"></i> 
                        <span class="cart-count-container">
                            
                        </span>
                    </a>
                    @if(auth()->user())
                        <a class="" href="{{route('web.profile')}}"> <i class="fal fa-user"></i> </a>
                    @endif
                    <div class="social_links">
                        <!--<a class="slide_toggle" href="#"> <i class="fal fa-mug-marshmallows"></i> </a>-->
                        <a class="slide_toggle" href="#"> <i class="fal fa-thumbs-up"></i> </a>
                        <ul class="spcial_list">
                            @if($settings['facebook'])
                                <li> <a target="_blank" href="{{$settings['facebook']}}"> <i class="fab fa-facebook"></i> </a> </li>
                            @endif
                            @if($settings['instagram'])
                                <li> <a target="_blank" href="{{$settings['instagram']}}"> <i class="fab fa-instagram"></i> </a> </li>
                            @endif
                            @if($settings['tiktok'])
                                <li> <a target="_blank" href="{{$settings['tiktok']}}"> <i class="fab fa-tiktok"></i> </a> </li>
                            @endif
                            @if($settings['whatsapp'])
                                <li> <a target="_blank" href="https://api.whatsapp.com/send?phone={{$settings['whatsapp']}}&text="> <i class="fab fa-whatsapp"></i> </a> </li>
                            @endif
                        </ul>
                    </div>
                    @if(auth()->user())
                        <a class="" href="{{route('web.logout')}}"> <i class="fal fa-lock"></i> <span class="ms-2"> {{__('web.logout')}} </span> </a>
                    @else
                        <a class="" href="{{route('web.login')}}"> <i class="fal fa-lock"></i> <span class="ms-2"> {{__('web.login')}} </span> </a>
                    @endif
                </div>
            </div>
            <div class="col-lg-6 d-none d-lg-block">
                <ul class="logo_links">
                    <!--<li> <a href="{{route('web.home')}}"> {{__('web.home')}} </a> </li>-->
                    <li> <a href="{{route('web.aboutus')}}"> {{__('web.aboutus')}} </a> </li>
                    <li> <a href="{{route('web.menu')}}"> {{__('web.menu')}} </a> </li>
                    <li>
                        <a class="navbar-brand" href="{{route('web.home')}}">
                            <img src="{{url('')}}/assets/web/images/logo_light.png" alt="" class="logo">
                        </a>
                    </li>
                    <li> <a href="{{route('room.index')}}"> {{__('web.rooms')}} </a> </li>
                    <li> <a href="{{route('web.contactus')}}"> {{__('web.contactus')}} </a> </li>
                </ul>
            </div>
            <div class="col-lg-3 d-none d-lg-block">
                <ul class="navbar-nav justify-content-lg-end">
                    <li class="nav-item">
                        @if(getCurrentLocale() == 'en')
                            <a href="{{LaravelLocalization::getLocalizedUrl('ar')}}" class="butn butn_gray px-3"> <span> AR </span> </a>
                        @else
                            <a href="{{LaravelLocalization::getLocalizedUrl('en')}}" class="butn butn_gray px-3"> <span> EN </span> </a>
                        @endif
                    </li>
                    <li class="nav-item">
                        <a href="{{route('web.reservation')}}" class="butn ms-3"> <span> {{__('web.book_room')}} </span> </a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-2 text-center d-block d-lg-none">
                <div class="logo_cont mx-auto">
                    <a class="navbar-brand" href="{{route('web.home')}}">
                        <img src="{{url('')}}/assets/web/images/logo_light.png" alt="" class="logo">
                    </a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </div>
            </div>
            <div class="col-lg-5 d-block d-lg-none">
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav justify-content-lg-end">
                        <!--<li class="nav-item">-->
                        <!--    <a class="nav-link active" aria-current="page" href="{{route('web.home')}}">{{__('web.home')}}</a>-->
                        <!--</li>-->
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('web.aboutus')}}">{{__('web.aboutus')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('web.menu')}}">{{__('web.menu')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('room.index')}}">{{__('web.rooms')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('web.contactus')}}">{{__('web.contactus')}}</a>
                        </li>
                        <li class="nav-item">
                            @if(getCurrentLocale() == 'en')
                                <a href="{{LaravelLocalization::getLocalizedUrl('ar')}}" class="butn butn_gray px-3 ms-4"> <span> AR </span> </a>
                            @else
                                <a href="{{LaravelLocalization::getLocalizedUrl('en')}}" class="butn butn_gray px-3 ms-4"> <span> EN </span> </a>
                            @endif
                            <a href="{{route('web.reservation')}}" class="butn ms-3"> <span> {{__('web.book_room')}} </span> </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>
