<div class="navs-container">
    <nav class="navbar navbar-expand-lg">
        <div class="container">
            <a class="navbar-brand" href="{{route('home')}}">
                <img src="{{asset('assets/web/images/logo.png')}}">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-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">
                    <li class="nav-item" data-toggle="tooltip" data-placement="top" title="{{__('main.home')}}">
                        <a class="nav-link {{isActive(route('home'))}}" href="{{route('home')}}">
                            <img src="{{asset('assets/web/images/icons/nav/home.png')}}" alt="">
                        </a>
                    </li>
                    <li class="nav-item" data-toggle="tooltip" data-placement="top" title="{{navPageName(2)}}">
                        <a class="nav-link {{isActive(route('aboutUs'))}}" href="{{route('aboutUs')}}"><img src="{{asset('assets/web/images/icons/nav/about.png')}}" alt=""></a>
                    </li>
                    <li class="nav-item drop-nav" data-toggle="tooltip" data-placement="top" title="{{__('services.our_services')}}">
                        <a class="nav-link {{isActive(route('service.index'))}}" href="{{route('service.index')}}"><img src="{{asset('assets/web/images/icons/nav/services.png')}}" alt=""></a>
                        <ul class="drop-down">
                            @if(count(servicesLink()))
                                @foreach(servicesLink() as $service)
                                    <li class=""><a class="" href="{{route('service.index').'?hash='.stripText(strtolower($service->hash_name), 10, true)}}">{{$service->name}}</a></li>
                                @endforeach
                            @endif
                        </ul>
                    </li>
                    <li class="nav-item" data-toggle="tooltip" data-placement="top" title="{{__('articles.shar_blog')}}">
                        <a class="nav-link {{isActive(route('blog.index'))}}" href="{{route('blog.index')}}"><img src="{{asset('assets/web/images/icons/nav/blog2.png')}}" alt=""></a>
                    </li>
                    <li class="nav-item" data-toggle="tooltip" data-placement="top" title="{{__('jobs.head')}}">
                        <a class="nav-link  {{isActive(route('job.index'))}}" href="{{route('job.index')}}"><img src="{{asset('assets/web/images/icons/nav/job-seeker.png')}}" alt=""></a>
                    </li>
                    <li class="nav-item" data-toggle="tooltip" data-placement="top" title="{{__('visitorMessages.head')}}">
                        <a class="nav-link  {{isActive(route('contact_us'))}}" href="{{route('contact_us')}}"><img src="{{asset('assets/web/images/icons/nav/contact.png')}}" alt=""></a>
                    </li>

                    <li class="nav-item drop-nav">
                        <a class="nav-link"><img src="{{asset('assets/web/images/icons/nav/global.png')}}" alt=""></a>
                        <ul class="drop-down">
                            @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                                <li class="nav-item" data-toggle="tooltip" data-placement="top" title="">
                                    <a class=" " href="{{LaravelLocalization::getLocalizedURL($localeCode, null, [], true)}}">
                                        {{ $properties['native'] }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </li>

                </ul>
                <a href="{{route('consultation.index')}}" class="main-butn"><span>{{__('main.consulting_request')}}</span></a>
                <img src="{{asset('assets/web/images/saudi-vision.svg')}}" alt="" class="saudi-vision-img">
            </div>
        </div>
    </nav>
</div>
