@section('header')
    @php
        $__currentLocale = app()->getLocale();
        $__supportedLocales = config('locales.supported');
        $__baseRoute = current_base_route();
    @endphp
    <!--Start Main Header Two-->
    <header class="main-header main-header-two">

        <div class="main-header-two__top">
            <div class="auto-container">
                <div class="main-header-two__top-inner text-white">

                    <div class="main-header-two__top-left">
                        <ul class="main-header-two__contact-info">
                            <li>
                                <div class="inner">
                                    <div class="icon-box">
                                        <span class="icon-clock"></span>
                                    </div>
                                    <div class="text-box">
                                        <p>{{ __('layout.top_bar.availability') }}</p>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="inner">
                                    <div class="icon-box">
                                        <span class="icon-email"></span>
                                    </div>
                                    <div class="text-box">
                                        <p><a href="mailto:contact@cortexclean.be" target="_blank">contact@cortexclean.be
                                        </a>
                                        </p>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="inner">
                                    <div class="icon-box">
                                        <span class="icon-pin"></span>
                                    </div>
                                    <div class="text-box">
                                        <p>{{ __('layout.top_bar.region') }}</p>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="inner">
                                    <div class="icon-box">
                                        <span class="icon-telephone"></span>
                                    </div>
                                    <div class="text-box">
                                        <p><a href="tel:+32470954203">+32 470 95 42 03</a> </p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="main-header-two__top-right">
                        @if($__baseRoute)
                            <ul class="lang-switcher" style="display:flex;gap:10px;list-style:none;margin:0;padding:0;align-items:center;">
                                @foreach($__supportedLocales as $__loc)
                                    <li style="{{ $__loc === $__currentLocale ? 'font-weight:700;text-decoration:underline;' : '' }}">
                                        <a href="{{ route($__baseRoute . '.' . $__loc) }}" hreflang="{{ $__loc }}" style="color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:1px;">{{ $__loc }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="main-header-two__bottom">
            <div class="main-header-two__bottom-inner">
                <nav class="main-menu main-menu-one">
                    <div class="main-menu__wrapper clearfix">
                        <div class="auto-container">
                            <div class="main-menu__wrapper-inner">

                                <div class="main-header-two__bottom-left">
                                    <div class="logo-box-one">
                                        <a href="{{ lroute('home') }}">
                                            <img src="{{ asset('/images/logo/svg/logo-horizontal.svg') }}" alt="Cortex Clean"
                                                title="" width="1233" height="190">
                                        </a>
                                    </div>
                                    {{-- <div class="logo-box-stricky">
                                        <a href="">
                                            <img src="{{ asset ('/images/resources/logo-3.png') }}" alt="Awesome Logo" title="">
                                        </a>
                                    </div> --}}
                                </div>

                                <div class="main-header-two__bottom-middle">
                                    <div class="main-menu-box">
                                        <a href="#" class="mobile-nav__toggler">
                                            <img src="{{ asset('/images/icon/line.png') }}" alt="" width="512" height="512">
                                        </a>

                                        <ul class="main-menu__list">
                                            <li>
                                                <a href="{{ lroute('home') }}">{{ __('layout.nav.home') }} <span class="line"></span></a>
                                            </li>

                                            <li>
                                                <a href="{{ lroute('about') }}">{{ __('layout.nav.about') }} <span
                                                        class="line"></span></a>
                                            </li>

                                            <li class="">
                                                <a href="{{ lroute('services') }}">{{ __('layout.nav.services') }} <span class="line"></span></a>
                                            </li>

                                            <li>
                                                <a href="{{ lroute('contact') }}">{{ __('layout.nav.contact') }} <span class="line"></span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="main-header-two__bottom-right">
                                    <div class="main-header-one__bottom-right-btn">
                                        <a href="https://outlook.office.com/book/CORTEXCLEAN@cortexfacility.com/"
                                            target="_blank">{{ __('layout.nav.appointment') }}</a>
                                    </div>
                                    {{-- <ul class="header-social-links-style2">
                                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#"><span class="fab fa-linkedin"></span></a></li>
                                        <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                    </ul> --}}
                                </div>

                            </div>
                        </div>
                    </div>
                </nav>
            </div>
        </div>

    </header>
    <!--End Main Header Two-->

    <div class="stricky-header stricky-header--two stricked-menu main-menu">
        <div class="sticky-header__content"></div><!-- /.sticky-header__content -->
    </div><!-- /.stricky-header -->

    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler">
                <i class="icon-plus"></i>
            </span>
            <div class="logo-box">
                <a href="{{ lroute('home') }}" aria-label="logo image">
                    <img src="{{ asset('/images/logo/svg/icone-cc-blanc.svg') }}" alt="Cortex Clean" width="1359" height="750" />
                </a>
            </div>
            <div class="mobile-nav__container"></div>
            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <span class="icon-email"></span>
                    <a href="mailto:contact@cortexclean.be">contact@cortexclean.be</a>
                </li>
                <li>
                    <span class="icon-telephone"></span>
                    <a href="tel:+32470954203">+32 470 95 42 03</a>
                </li>
            </ul>
            {{-- <div class="mobile-nav__social">
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-facebook-square"></a>
                <a href="#" class="fab fa-pinterest-p"></a>
                <a href="#" class="fab fa-instagram"></a>
            </div> --}}

        </div>
    </div>
@endsection