@php
        $supportedLocales = config('laravellocalization.supportedLocales', []);
        $currentLocale = app()->getLocale();

        $flags = [
            'en' => '🇺🇸',
            'ar' => '🇸🇦',
            'fr' => '🇫🇷',
            'de' => '🇩🇪',
            'es' => '🇪🇸',
            'it' => '🇮🇹',
            'pt' => '🇵🇹',
            'ru' => '🇷🇺',
            'zh' => '🇨🇳',
            'ja' => '🇯🇵',
            'ko' => '🇰🇷',
            'tr' => '🇹🇷',
        ];
    @endphp

        <header class="main-header header-style-one">

            <div class="header-upper">
                <div class="container">
                    <div class="inner-container d-flex align-items-center justify-content-between">
                        <div class="left-column d-flex align-items-center">
                            <div class="logo-box">
                                <div class="logo"><a href="{{ Path::AppUrl('/') }}"><img src="{{ Path::AppLogo('site_logo') }}" alt=""></a>
                                </div>
                            </div>
                            <div class="ml_60 mr_60 d-none d-xl-block"><img src="{{ Path::FrontImage('shape/shape-1.png') }}"
                                    alt=""></div>
                            <div class="nav-outer">
                                <div class="mobile-nav-toggler"><img src="{{ Path::FrontImage('icons/icon-bar-2.png') }}" alt="">
                                </div>
                                 <x-website.partials.mainmenu :menus="$menus"  />
                               
                            </div>
                        </div>
                        <div class="right-column d-flex align-items-center">
                            <div class="contact-info-1 d-flex align-items-center">
                                <i class="icon-2 contact-info-1-icon"></i>
                                <div>
                                    <p class="contact-info-1-phone-tel fs_15 ff_oswald mb_0">@lang('dashboard.phone_call')!</p>
                                    <h6 class="contact-info-1-phone-number fs_20 fw_medium "><a
                                            href="tel:{{ $firstPhone->code }}{{ $firstPhone->phone }}">{{ $firstPhone->phone }}</a></h6>
                                </div>
                            </div>

                            <div class="header-link-btn">
                                @foreach ($supportedLocales as $code => $language)
                                    @if ($code !== $currentLocale)
                                    <a href="{{ \App\Helpers\LocalizationHelper::getCurrentPageLocalizedUrl($code) }}" class="btn-1">
                                        {{ $flags[$code] ?? '🌐' }} {{ $language['native'] }}
                                        <span></span>
                                    </a>
                                        @break
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="sticky-header">
                <div class="container">
                    <div class="inner-container d-flex align-items-center justify-content-between">
                        <div class="left-column d-flex align-items-center">
                            <div class="logo-box">
                                <div class="logo">
                                    <a href="{{Path::appUrl('/')}}">
                                        <img src="{{ Path::AppLogo('site_logo') }}" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="ml_60 mr_60 d-none d-xl-block">
                                <img src="{{ Path::FrontImage('shape/shape-1.png') }}"alt="">
                            </div>
                            <div class="nav-outer">
                                <div class="mobile-nav-toggler">
                                    <img src="{{ Path::FrontImage('icons/icon-bar-2.png') }}" alt="">
                                </div>
                                <nav class="main-menu navbar-expand-md navbar-light">

                                </nav>
                            </div>
                        </div>
                        <div class="right-column d-flex align-items-center">
                            <div class="contact-info-1 d-flex align-items-center">
                                <i class="icon-2 contact-info-1-icon"></i>
                                <div>
                                    <p class="contact-info-1-phone-tel fs_15 ff_oswald mb_0">@lang('website.call')!</p>
                                    <h6 class="contact-info-1-phone-number fs_20 fw_medium ">
                                        <a href="tel:{{ $firstPhone->code }}{{ $firstPhone->phone }}">
                                            {{ $firstPhone->phone }}
                                        </a>
                                    </h6>
                                </div>
                            </div>
                            <div class="header-link-btn"> 
                                @foreach ($supportedLocales as $code => $language)
                                    @if ($code !== $currentLocale)
                                        <a href="{{ \App\Helpers\LocalizationHelper::getCurrentPageLocalizedUrl($code) }}" class="btn-1">
                                            {{'🌐' }} {{ $language['native'] }}
                                            <span></span>
                                        </a>
                                        @break
                                    @endif
                                @endforeach</div>
                            </div>
                        </div>
                    </div>
            </div>

            <x-website.partials.mobilemenu :menus="$menus" />

            <div class="nav-overlay">
                <div class="cursor"></div>
                <div class="cursor-follower"></div>
            </div>
        </header>