<div class="navs-container">
    <!--Start top-nav-->
    <div class="top-nav">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-6">
                    <a class="navbar-brand" href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">
                        <img src="{{asset($logo ?? 'assets/web/images/logo.png')}}" alt="" class="logo"/>
                    </a>
                </div>
                <div class="col-md-8 col-6">
                    <div class="l-items pr-1 pl-1 center-vr">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="socail-links d-none d-md-block ">
                                    @if(($settings['instagram'] ?? ''))
                                        <a target="_blank" href="{{$settings['instagram']}}"><i class="fab fa-instagram"></i></a>
                                    @endif
                                    @if(($settings['twitter'] ?? ''))
                                        <a target="_blank" href="{{$settings['twitter']}}"><i class="fab fa-twitter"></i></a>
                                    @endif
                                    @if(($settings['facebook'] ?? ''))
                                        <a target="_blank" href="{{$settings['facebook']}}"><i class="fab fa-facebook-f"></i></a>
                                    @endif
                                    @if(($settings['linkedin'] ?? ''))
                                        <a target="_blank" href="{{$settings['linkedin']}}"><i class="fab fa-linkedin-in"></i></a>
                                    @endif
                                    @if(($settings['youtube'] ?? ''))
                                        <a target="_blank" href="{{$settings['youtube']}}"><i class="fab fa-youtube"></i></a>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                @if($lang == 'ar')
                                    <a href="{{LaravelLocalization::getLocalizedURL('en', null, [], true)}}" class="lang-btn">{{__('main.another_lang')}}</a>
                                @else
                                    <a href="{{LaravelLocalization::getLocalizedURL('ar', null, [], true)}}" class="lang-btn">{{__('main.another_lang')}}</a>
                                @endif
                                <a href="#" class="lang-btn mr-1 ml-1"><i class="fas fa-envelope"></i></a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="items-wrapper">
                                @if($settings['technical_support_phone'] ?? null)
                                    <div class="item">
                                        <img src="{{asset('assets/web/images/icons/nav-1.svg')}}" alt="" class="icon">
                                        <div class="text-content">
                                            <p class="label">{{__('main.support_all_day_along')}}</p>
                                            <p class="data">{{$settings['technical_support_phone']}}</p>
                                        </div>
                                    </div>
                                @endif

                                @if($settings['headquarters_address'] ?? null)
                                    <div class="item">
                                        <img src="{{asset('assets/web/images/icons/nav-2.svg')}}" alt="" class="icon">
                                        <div class="text-content">
                                            <p class="label">{{__('main.headquarters_address')}}</p>
                                            <p class="data">{{$settings['headquarters_address']}}</p>
                                        </div>
                                    </div>
                                @endif

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="socail-links text-center d-block d-md-none d-lg-none p-1 bg-white">
            @if(($settings['instagram'] ?? ''))
                <a target="_blank" href="{{$settings['instagram']}}"><i class="fab fa-instagram"></i></a>
            @endif
            @if(($settings['twitter'] ?? ''))
                <a target="_blank" href="{{$settings['twitter']}}"><i class="fab fa-twitter"></i></a>
            @endif
            @if(($settings['facebook'] ?? ''))
                <a target="_blank" href="{{$settings['facebook']}}"><i class="fab fa-facebook-f"></i></a>
            @endif
            @if(($settings['linkedin'] ?? ''))
                <a target="_blank" href="{{$settings['linkedin']}}"><i class="fab fa-linkedin-in"></i></a>
            @endif
            @if(($settings['youtube'] ?? ''))
                <a target="_blank" href="{{$settings['youtube']}}"><i class="fab fa-youtube"></i></a>
            @endif
        </div>
        <img src="{{asset('assets/web/images/vision-logo.png')}}" alt="" class="vision-logo"/>
    </div>
    <!--Start main-nav-->
    <nav class="navbar navbar-expand-lg main-nav">
        <div class="container">
            <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 ml-auto">
                    <li class="nav-item ">
                        <a class="nav-link {{isActive(route('home'))}}" href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">{{__('main.home')}}</a>
                    </li>
                    <li class="nav-item has-dropdown">
                        <a class="nav-link {{isActive(route('aboutUs'))}}" href="#0">{{__('abouts.head')}}</a>
                        <ul class="drop-down">
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('aboutUs').'#overview', [], true)}}" class="dropdoen-link">{{__('abouts.overview')}}</a>
                            </li>
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('aboutUs').'#social_responsibility', [], true)}}" class="dropdoen-link">{{__('abouts.social_responsibility')}}</a>
                            </li>
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('aboutUs').'#company_strategy', [], true)}}" class="dropdoen-link">{{__('abouts.factory_strategy')}}</a>
                            </li>
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('aboutUs').'#vision_message_values', [], true)}}" class="dropdoen-link">{{__('abouts.vision_mission_values')}}</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-dropdown">
                        <a class="nav-link" href="#0">{{__('main.products_services')}}</a>
                        <ul class="drop-down">
                            <li class="main-item sub-dropdown">
                                <a href="#0" class="dropdoen-link">{{__('main.construction_sector')}}</a>
                                <ul class="drop-down drop-down2">
                                    @if(count(products()))
                                        @foreach(products() as $product)
                                            <li class="main-item">
                                                <a href="{{route('product.show', $product->id)}}" class="dropdoen-link">{{$product->name}}</a>
                                            </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </li>
                            <li class="main-item sub-dropdown">
                                <a href="#0" class="dropdoen-link">{{__('main.services_sector')}}</a>
                                <ul class="drop-down drop-down2">
                                    @if(count(services()))
                                        @foreach(services() as $service)
                                            <li class="main-item">
                                                <a href="{{route('service.show', $service['id'])}}" class="dropdoen-link">{{$service['name']}}</a>
                                            </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-dropdown">
                        <a class="nav-link {{isActive([route('gallery'), route('media'), route('guc')])}}" href="#0">{{__('main.media_center')}}</a>
                        <ul class="drop-down">
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('gallery'), [], true)}}" class="dropdoen-link">{{__('main.photo_gallery')}}</a>
                            </li>
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('media'), [], true)}}" class="dropdoen-link">{{__('main.event_conference_exhibition')}}</a>
                            </li>
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('guc'), [], true)}}" class="dropdoen-link"> GUC </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-dropdown">
                        <a class="nav-link {{isActive([route('hr.jobs'), route('hr.cultureValues'), route('hr.performanceDevelopment')])}}" href="#0">{{__('main.human_resources')}}</a>
                        <ul class="drop-down">
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('hr.cultureValues'), [], true)}}" class="dropdoen-link"> {{__('main.culture_values')}} </a>
                            </li>
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('hr.performanceDevelopment'), [], true)}}" class="dropdoen-link">{{__('main.performance_development')}}</a>
                            </li>
                            <li class="main-item">
                                <a href="{{LaravelLocalization::getLocalizedURL($lang, route('hr.jobs'), [], true)}}" class="dropdoen-link">{{__('main.recruitment')}}</a>
                            </li>
                        </ul>
                    </li>
                    <!-- <li class="nav-item">
                        <a class="nav-link" href="suppliers.html">الموردون</a>
                    </li> -->
                    <li class="nav-item">
                        <a class="nav-link {{isActive(route('contactUs'))}}" href="{{LaravelLocalization::getLocalizedURL($lang, route('contactUs'), [], true)}}">{{__('main.connect_with_us')}}</a>
                    </li>
                </ul>
{{--                <a href='#search' class="search-icon">--}}
{{--                    <img src="{{asset('assets/web/images/icons/search.svg')}}" alt="">--}}
{{--                </a>--}}
                <a download href="{{$settings['factory_profile'] ?? '#'}}" class="profile-butn">
                    <img src="{{asset('assets/web/images/icons/profile.svg')}}" alt=""/> {{__('settings.factory_profile')}}
                </a>
            </div>
        </div>
    </nav>
    <!--Start search-container-->
    <div class="search-container">
        <div id="search" class="fade">
            <a href="#" class="close-btn" id="close-search">
                <i class="fa fa-times"></i>
            </a>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12 m-auto">
                        <form>
                            <input placeholder="ابحث هنا ..." class="form-control" type="search"/>
                            <button type="submit" class="submit-btn">
                                <i class="fas fa-search"></i>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
