<div class="navs-container">
    <!--Start main-nav-->
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container">
            <a class="navbar-brand" href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">
                <img src="{{asset('assets/web/images/logo.svg')}}" 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 class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav m-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('home'))}}" aria-current="page" href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">{{__('main.home')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('aboutUs'))}}" href="{{LaravelLocalization::getLocalizedURL($lang, route('aboutUs'), [], true)}}">{{__('main.about_center')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('service.index'))}}" href="{{LaravelLocalization::getLocalizedURL($lang, route('service.index'), [], true)}}">{{__('services.our_medical_services')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('gallery.index'))}}" aria-current="page" href="{{LaravelLocalization::getLocalizedURL($lang, route('gallery.index'), [], true)}}">{{__('galleries.photos_videos_galleries')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('branch.index'))}}" aria-current="page" href="{{LaravelLocalization::getLocalizedURL($lang, route('branch.index'), [], true)}}">{{__('branches.head')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{LaravelLocalization::getLocalizedURL($lang, route('contact.index'), [], true)}}">{{__('main.contact_us')}}</a>
                    </li>
                </ul>
                <div class="nav_end d-flex align-items-center">
                    <a href="{{LaravelLocalization::getLocalizedURL($lang, route('home').'#services-sec', [], true)}}" class="butn primary_border_butn mx-1"><b>{{__('main.book_now')}}</b></a>
                    @if($lang == 'ar')
                        <a href="{{LaravelLocalization::getLocalizedURL('en', null, [], true)}}" class="butn primary_butn mx-1"><b> {{__('main.another_lang_abbr')}}  </b></a>
                    @else
                        <a href="{{LaravelLocalization::getLocalizedURL('ar', null, [], true)}}" class="butn primary_butn mx-1"><b> {{__('main.another_lang_abbr')}}  </b></a>
                    @endif

                    <div id="modeSwitcher" class="mx-1 ">
                        <input type="checkbox" class="checkbox" id="chk" />
                        <label class="label" for="chk">
                            <i class="fas fa-moon"></i>
                            <div class="ball"></div>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</div>
