@php use Mcamara\LaravelLocalization\Facades\LaravelLocalization; @endphp
@include('includes.sideMenu')
@include('includes.mobile-header')
<header class="ot-header header-layout1">
    <div class="header-top">
        <div class="container">
            <div
                class="row justify-content-center justify-content-lg-between align-items-center"
            >
                <div class="col-auto d-none d-lg-block">
                    <div class="header-links">
                        <ul>
                            <li>
                                <i class="fal fa-phone"></i
                                ><a href="tel:+256214203215">256 214 203 215</a>
                            </li>
                            <li class="d-none d-xl-inline-block">
                                <i class="fal fa-envelope"></i
                                ><a href="mailto:info@YN Tourism.com"
                                >info@YN Tourism.com</a
                                >
                            </li>
                            <li>
                                <i class="fal fa-location-dot"></i>9550 Bolsa Ave #126,
                                United States
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="header-links">
                        <ul>
                            <li class="d-none d-lg-inline-block">
                                <i class="far fa-user"></i
                                ><a href="login.html">Login / Register</a>
                            </li>
                            <li>
                                <div class="header-social">
                                    <span class="social-title">Follow Us:</span>
                                    <a href="https://www.facebook.com/"
                                    ><i class="fab fa-facebook-f"></i
                                        ></a>
                                    <a href="https://www.twitter.com/"
                                    ><i class="fab fa-twitter"></i
                                        ></a>
                                    <a href="https://www.linkedin.com/"
                                    ><i class="fab fa-linkedin-in"></i
                                        ></a>
                                    <a href="https://www.instagram.com/"
                                    ><i class="fab fa-instagram"></i
                                        ></a>
                                    <a href="https://www.youtube.com/"
                                    ><i class="fab fa-youtube"></i
                                        ></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="sticky-wrapper">
        <div class="menu-area">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-auto">
                        <div class="header-logo">
                            <a href="index.html"
                            ><img
                                    style="height: 120px; width: 135px"
                                    height="120"
                                    src="assets/img/logo.png"
                                    alt="YN Tourism"
                                /></a>
                        </div>
                    </div>
                    <div class="col-auto position-relative z-index-common">
                        <nav class="main-menu d-none d-lg-inline-block">
                            <ul>
                                <li>
                                    <a href="index.html">Home</a>
                                </li>
                                <li>
                                    <a href="cars.html">Cars</a>
                                </li>
                                <li>
                                    <a href="destination.html">Destination</a>
                                </li>
                                <li>
                                    <a href="tour.html">Tours</a>
                                </li>
                                <li>
                                    <a href="hotel.html">Hotels</a>
                                </li>

                                <li>
                                    <a href="blog.html">Blog</a>
                                </li>
                                <li><a href="contact.html">Contact Us</a></li>
                                <li class="has-dropdown position-relative">
                                    <a href="#" data-toggle="dropdown"
                                       class="dropdown-toggle">{{ LaravelLocalization::getCurrentLocaleName() }}</a>
                                    <ul class="dropdown-menu">
                                        @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                                            <li class="d-flex">
                                                <a rel="alternate" hreflang="{{ $localeCode }}"
                                                   href="{{ LaravelLocalization::getLocalizedURL($localeCode, null, [], true) }}">
                                                    {{ $properties['native'] }}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                        <button
                            type="button"
                            class="ot-menu-toggle d-inline-block d-lg-none"
                        >
                            <i class="fa fa-bars"></i>
                        </button>
                    </div>
                    <div class="col-auto d-none d-lg-block">
                        <div class="header-button">
                            <a href="#" class="icon-btn sideMenuToggler"
                            ><i class="fa fa-bars"></i
                                ></a>
                            <a
                                href="#"
                                class="ot-btn d-lg-block mx-3"
                                data-bs-toggle="modal"
                                data-bs-target="#bookingModal"
                            >Easy Booking</a
                            >
                        </div>
                    </div>
                </div>
            </div>
            <div class="logo-bg"></div>
        </div>
    </div>
</header>