<header id="header">
    <!--Menu-->
    <nav class="navbar navbar-expand-lg navbar-dark">
        <div class="container align-items-start">
            <a class="navbar-brand" href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">
                <img src="{{asset('assets/web/images/logo.png')}}" alt="">
            </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 active" aria-current="page" href="#swiper">{{__('main.home')}} </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#about">{{$aboutPage->page_title}} </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#gallery_section"> {{__('photoGalleries.head')}} </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact"> {{__('main.contact_us')}} </a>
                    </li>


                   
                </ul>
                 <div class="lang_links">
                    @if(getCurrentLocale() == 'ar')
                    <a class="lang_link butn rounded-pill text-white" href="{{LaravelLocalization::getLocalizedURL('en', null, [], true)}}"> {{__('main.english')}} </a>
                    @else
                        <a class="lang_link butn rounded-pill text-white" href="{{LaravelLocalization::getLocalizedURL('ar', null, [], true)}}"> {{__('main.arabic')}} </a>
                    @endif
                </div>
            </div>
        </div>
    </nav>
    <!--End-Menu-->

    <!-- slider -->
    <div id="swiper" class="swiper head_slider">
        <div class="swiper-wrapper">
            @if(count($sliders))
                @foreach($sliders as $slider)
                <div class="swiper-slide" style="background-image: url({{asset($slider->image)}});">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="info">
                                    <h5>{{$slider->title}}</h5>
                                    <h1>{{$slider->description}}</h1>
                                    @if($slider->button_url)
                                        <a target="_blank" href="{{$slider->button_url}}" class="butn butn_line rounded-pill">
                                            <span>{{__('main.discover_more')}}</span>
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            @endif
        </div>
        <!-- pagination -->
        <div class="swiper-pagination"></div>
    </div>

</header>
