<div class="navs-container">
    <div class="top_nav px-4">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-7">
                    <div class="contact_items d-flex">
                        <div class="item me-4">
                            <i class="bi bi-telephone"></i> {{$settings['site_phone']}}
                        </div>
                        <div class="item me-0">
                            <i class="bi bi-envelope"></i> {{$settings['site_email']}}
                        </div>
                    </div>
                </div>
                <div class="col-5">
                    <div class="d-flex justify-content-end align-items-center">
                        <div class="btns pe-4 d-none d-lg-block">
                            <a href="https://www.procareappointment.com/Login.xhtml" class="butn secondary_butn ms-2 d-inline-flex px-4 py-2" target="_blank" ><b> {{__('main.e_booking')}} </b></a>
                            <a href="https://www.procareappointment.com/EBooking/Login.xhtml" class="butn primary_butn ms-2 d-inline-flex px-4 py-2" target="_blank" ><b> {{__('main.patient_report')}} </b></a>
                        </div>
                        <div class="links d-flex justify-content-end border-start border-2 ps-3">
                            @if($settings['facebook'] ?? null)
                                <a target="_blank" href="{{$settings['facebook']}}"><i class="fa-brands fa-facebook-f"></i></a>
                            @endif
                            @if($settings['instagram'] ?? null)
                                <a target="_blank" href="{{$settings['instagram']}}"><i class="fa-brands fa-instagram"></i></a>
                            @endif
                            @if($settings['twitter'] ?? null)
                                <a target="_blank" href="{{$settings['twitter']}}"><i class="fa-brands fa-twitter"></i></a>
                            @endif
                            @if($settings['linkedin'] ?? null)
                                <a target="_blank" href="{{$settings['linkedin']}}"><i class="fa-brands fa-linkedin-in"></i></a>
                            @endif
                            @if($settings['snapchat'] ?? null)
                                <a target="_blank" href="{{$settings['snapchat']}}"><i class="fa-brands fa-snapchat"></i></a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Start main-nav-->
    <nav class="navbar navbar-expand-lg navbar-light px-4">
        <div class="container-fluid">
            <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">
                <div class="dropdown ms-5 search_dropdown">
                    <button class="search_butn" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                        <img src="{{asset('assets/web/images/icons/search.svg')}}" alt="" class="search_icon filterPrimary"/>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                        <form>
                            <div class="form-group">
                                <input class="form-control" placeholder="Search..."/>
                                <button class="search_submit_butn">
                                    <img src="{{asset('assets/web/images/icons/search.svg')}}" alt="" class="icon icon-15"/>
                                </button>
                            </div>
                        </form>
                    </ul>
                </div>
                <ul class="navbar-nav mx-lg-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>
                    {{-- About --}}
                    <li class="nav-item dropDown megaMenu col3">
{{--                        route('page.show', [7, 'chairman-message']),--}}
{{--                        route('page.show', [12, 'quality-department']),--}}
                        <a class="nav-link dropLink {{isActive([
                         route('page.show', [13, 'accreditation']),
                         route('page.show', [14, 'ceo-message']),
                         route('page.show', ['mvv', 'mission-vision-values']),
                         route('partners.index'),
                        ])}}" href="#">
                            {{__('main.about')}}
                            <small class="icon"><i class="bi bi-chevron-down me-1"></i></small>
                        </a>
                        <ul class="dropDownMenu">
                            <li class="dropdown-items">
{{--                                <a href="#" class="menuLink">{{__('main.about')}}</a>--}}
                                <span class="menuLink">{{__('main.about')}}</span>
                                <ul class="subDropDown">
                                    <li>
                                        <a href="{{route('page.show', ['mvv', 'mission-vision-values'])}}" class="subLink">
                                            {{__('main.mvv')}}
                                        </a>
                                    </li>
{{--                                    <li>--}}
{{--                                        <a href="{{route('page.show', [7, 'chairman-message'])}}" class="subLink">--}}
{{--                                            {{pages(7)->page_title}}--}}
{{--                                        </a>--}}
{{--                                    </li>--}}
                                    <li>
                                        <a href="{{route('page.show', [14, 'ceo-message'])}}" class="subLink">
                                            {{pages(14)->page_title}}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{route('page.show', [13, 'accreditation'])}}" class="subLink">
                                            {{pages(13)->page_title}}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{route('partner.index')}}" class="subLink">
                                            {{__('partners.business_partners')}}
                                        </a>
                                    </li>
{{--                                    <li>--}}
{{--                                        <a href="{{route('page.show', [12, 'quality-department'])}}" class="subLink">--}}
{{--                                            {{pages(12)->page_title}}--}}
{{--                                        </a>--}}
{{--                                    </li>--}}
                                </ul>
                            </li>
                        </ul>
                    </li>
                    {{-- clinics & services --}}
                    <li class="nav-item dropDown megaMenu col3">
                        <a class="nav-link dropLink {{isActive([
                         route('page.show', [8, 'patient-information']),
                         route('page.show', [9, 'patients-services']),
                         route('page.show', [10, 'InPatient']),
                         route('page.show', [11, 'nursing']),
                         route('service.index'),
                         ])}}" href="#">
                            {{__('main.clinics_services')}}
                            <small class="icon"><i class="bi bi-chevron-down me-1"></i></small>
                        </a>
                        <ul class="dropDownMenu">
                            <li class="dropdown-items">
                                <span class="menuLink">{{__('main.clinics_services')}}</span>
                                <ul class="subDropDown">
                                    <li>
                                        <a href="{{route('service.index')}}" class="subLink">
                                            {{__('services.head')}}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{route('page.show', [9, 'patients-services'])}}" class="subLink">
                                            {{pages(9)->page_title}}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{route('page.show', [10, 'InPatient'])}}" class="subLink">
                                            {{pages(10)->page_title}}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{route('page.show', [11, 'nursing'])}}" class="subLink">
                                            {{pages(11)->page_title}}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{route('page.show', [8,'patient-information'])}}" class="subLink">
                                            {{pages(8)->page_title}}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{route('home').'#hour-works'}}" class="subLink">
                                            {{__('workHours.head')}}
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('doctor.index'))}}" href="{{route('doctor.index')}}">{{__('doctors.head')}}</a>
                    </li>
                    {{-- e-services --}}
                    <li class="nav-item dropDown megaMenu col3">
{{--                        route('news.index'),--}}
{{--                        route('conference.index')--}}
                        <a class="nav-link dropLink {{isActive([
                        route('jobs.index')
                        ])}}" href="#">
                            {{__('main.e_services')}}
                            <small class="icon"><i class="bi bi-chevron-down me-1"></i></small>
                        </a>
                        <ul class="dropDownMenu">
                            <li class="dropdown-items">
                                <span class="menuLink">{{__('main.e_services')}}</span>
                                <ul class="subDropDown">
                                    <li>
                                        <a href="{{route('jobs.index')}}" class="subLink">
                                                {{__('careers.vacant_jobs')}}
                                        </a>
                                    </li>
{{--                                    <li>--}}
{{--                                        <a href="{{route('news.index')}}" class="subLink">--}}
{{--                                                {{__('articles.medical_topics')}}--}}
{{--                                        </a>--}}
{{--                                    </li>--}}
{{--                                    <li>--}}
{{--                                        <a href="{{route('conference.index')}}" class="subLink">--}}
{{--                                                {{__('conferences.latest_news')}}--}}
{{--                                        </a>--}}
{{--                                    </li>--}}
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('gallery.index'))}}" href="{{route('gallery.index')}}">{{__('galleries.head')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('banner.index'))}}" href="{{route('banner.index')}}">{{__('banners.offers')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('news.index'))}}" href="{{route('news.index')}}">{{__('articles.medical_topics')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('conference.index'))}}" href="{{route('conference.index')}}">{{__('conferences.latest_news')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('contact.index'))}}" href="{{route('contact.index')}}">{{__('main.contact_us')}}</a>
                    </li>
{{--                    <li class="nav-item">--}}
{{--                        <a class="nav-link" target="_blank" href="https://www.procareappointment.com/Login.xhtml">E-booking</a>--}}
{{--                    </li>--}}
{{--                    <li class="nav-item">--}}
{{--                        <a class="nav-link" target="_blank" href="https://www.procareappointment.com/EBooking/Login.xhtml">Patient Medical Record</a>--}}
{{--                    </li>--}}
                </ul>
                <div class="nav_r d-block d-lg-flex align-items-center">
                    <img src="{{asset('assets/web/images/Jci_logo.svg')}}" alt="" class="nav_logo"/>
                    <img src="{{asset('assets/web/images/cbahi_logo.svg')}}" alt="" class="nav_logo"/>
                    <br class="d-block d-lg-none">
{{--                    <a target="_blank" href="{{$settings['booking_appointment_url']}}" class="butn primary_butn mt-4 mt-lg-0 d-inline-flex"><b>{{__('main.book_appointment')}}</b></a>--}}
                    <!--<a href="{{route('bookingAppointment')}}" class="butn primary_butn mt-4 mt-lg-0 d-inline-flex"><b>{{__('main.book_appointment')}}</b></a>-->
                    @if($lang == 'ar')
                        <a href="{{LaravelLocalization::getLocalizedURL('en', null, [], true)}}" class="butn secondary_butn sm_butn ms-2 d-inline-flex"><b>{{__('main.another_lang_abbr')}}</b></a>
                    @else
                        <a href="{{LaravelLocalization::getLocalizedURL('ar', null, [], true)}}" class="butn secondary_butn sm_butn ms-2 d-inline-flex"><b>{{__('main.another_lang_abbr')}}</b></a>
                    @endif
                </div>
            </div>
        </div>
    </nav>
</div>
