<div class="ar-overlay" id="arabicOverlay">
    <div class="ar-box">
        <div class="ar-spinner"></div>
        <h3>التحويل إلى العربية</h3>
        <p>Converting to Arabic</p>
    </div>
</div>

<header class="site-header">
    <nav class="navbar">
        <div class="navbar-wrap d-flex align-items-center justify-content-between w-100">
            <a href="<?php echo e(route('home')); ?>" class="navbar-brand brand m-0 p-0" style="width: auto;">
                <img src="<?php echo e(asset('assets/images/logo2.png')); ?>" alt="The Maids Logo">
            </a>

            <div class="desktop-only d-flex align-items-center justify-content-between flex-grow-1">
                <div class="navbar-nav flex-row align-items-center mx-auto main-nav">
                    <a class="nav-link <?php echo e(request()->routeIs('home') ? 'active' : ''); ?>" href="<?php echo e(route('home')); ?>">Home</a>
                    <div class="nav-item services-dropdown">
                        <span class="nav-link <?php echo e(request()->routeIs('services', 'full.time.live.in', 'maid.visa') ? 'active' : ''); ?>">
                            Services <i class="fa-solid fa-angle-down"></i>
                        </span>
                        <div class="services-dropdown-menu">
                            <a class="services-dropdown-item <?php echo e(request()->routeIs('full.time.live.in') ? 'active' : ''); ?>" href="<?php echo e(route('full.time.live.in')); ?>">Full Time Live in</a>
                            <a class="services-dropdown-item <?php echo e(request()->routeIs('maid.visa') ? 'active' : ''); ?>" href="<?php echo e(route('maid.visa')); ?>">Maid Visa</a>
                        </div>
                    </div>
                    <a class="nav-link <?php echo e(request()->routeIs('profiles') ? 'active' : ''); ?>" href="<?php echo e(route('profiles')); ?>">Candidate Profiles</a>
                    <!-- <a class="nav-link <?php echo e(request()->routeIs('services') ? 'active' : ''); ?>" href="<?php echo e(route('services')); ?>">Services</a> -->
                    <a class="nav-link <?php echo e(request()->routeIs('about.us') ? 'active' : ''); ?>" href="<?php echo e(route('about.us')); ?>">About Us</a>
                    <a class="nav-link <?php echo e(request()->routeIs('contact.us') ? 'active' : ''); ?>" href="<?php echo e(route('contact.us')); ?>">Contact Us</a>
                </div>

                <div class="d-flex align-items-center header-actions">
                    <a href="<?php echo e(route('lang.switch', ['locale' => 'ar', 'redirect' => request()->getRequestUri()])); ?>" class="lang-switch interactive" id="arabicSwitcher">
                        <span class="arabic">العربية</span>
                        <span>🇦🇪</span>
                        <i class="fa-solid fa-language"></i>
                    </a>

                    <!-- <div class="social-links">
                        <a href="#" class="interactive" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
                        <a href="#" class="interactive" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
                        <a href="#" class="interactive" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
                        <a href="#" class="interactive" aria-label="TikTok"><i class="fa-brands fa-tiktok"></i></a>
                    </div> -->
                </div>
            </div>

            <button class="navbar-toggler mobile-only interactive" type="button" id="menuToggle" aria-label="Open navigation">
                <i class="fa-solid fa-bars-staggered"></i>
            </button>
        </div>
    </nav>
</header>

<div class="mobile-menu mobile-only" id="mobileMenu">
    <div class="mobile-menu-panel">
        <div class="mobile-menu-inner">
            <button class="mobile-menu-close interactive" id="menuClose" aria-label="Close navigation">
                <i class="fa-solid fa-xmark"></i>
            </button>

            <a href="<?php echo e(route('home')); ?>" class="mobile-menu-brand">
                <img src="<?php echo e(asset('assets/images/logo2.png')); ?>" alt="The Maids Logo">
            </a>

            <a href="tel:+97180032332" class="mobile-phone interactive">
                <i class="fa-solid fa-phone-volume"></i>
                <span>+971 8003 2332</span>
            </a>

            <a href="<?php echo e(route('lang.switch', ['locale' => 'ar', 'redirect' => request()->getRequestUri()])); ?>" class="lang-switch interactive mb-3" id="arabicSwitcherMobile">
                <span class="arabic">العربية</span>
                <span>🇦🇪</span>
                <i class="fa-solid fa-language"></i>
            </a>

            <nav class="mobile-menu-nav">
                <a href="<?php echo e(route('home')); ?>" class="interactive <?php echo e(request()->routeIs('home') ? 'active' : ''); ?>">Home</a>
                <?php
                    $mobileServicesExpanded = request()->routeIs('full.time.live.in', 'maid.visa');
                ?>
                <div class="mobile-submenu-block<?php echo e($mobileServicesExpanded ? ' is-open' : ''); ?>" data-mobile-submenu>
                    <button type="button" class="mobile-submenu-toggle interactive <?php echo e(request()->routeIs('services', 'full.time.live.in', 'maid.visa') ? 'active' : ''); ?>"
                        id="mobileServicesToggle"
                        aria-expanded="<?php echo e($mobileServicesExpanded ? 'true' : 'false'); ?>"
                        aria-controls="mobileServicesPanel">
                        <span class="mobile-submenu-toggle__label">Services</span>
                        <i class="fa-solid fa-angle-down mobile-submenu-chevron" aria-hidden="true"></i>
                    </button>
                    <div class="mobile-submenu-items" id="mobileServicesPanel" role="region" aria-labelledby="mobileServicesToggle" <?php if (! ($mobileServicesExpanded)): ?> hidden <?php endif; ?>>
                        <a href="<?php echo e(route('full.time.live.in')); ?>" class="interactive mobile-submenu-item <?php echo e(request()->routeIs('full.time.live.in') ? 'active' : ''); ?>">Full Time Live in</a>
                        <a href="<?php echo e(route('maid.visa')); ?>" class="interactive mobile-submenu-item <?php echo e(request()->routeIs('maid.visa') ? 'active' : ''); ?>">Maid Visa</a>
                    </div>
                </div>
                <a href="<?php echo e(route('profiles')); ?>" class="interactive <?php echo e(request()->routeIs('profiles') ? 'active' : ''); ?>">Candidate Profiles</a>
                <!-- <a href="<?php echo e(route('services')); ?>" class="interactive <?php echo e(request()->routeIs('services') ? 'active' : ''); ?>">Services</a> -->
                <a href="<?php echo e(route('about.us')); ?>" class="interactive <?php echo e(request()->routeIs('about.us') ? 'active' : ''); ?>">About Us</a>
                <a href="<?php echo e(route('contact.us')); ?>" class="interactive <?php echo e(request()->routeIs('contact.us') ? 'active' : ''); ?>">Contact Us</a>
            </nav>

            <!-- <div class="mobile-menu-social">
                <a href="#" class="interactive" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="#" class="interactive" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
                <a href="#" class="interactive" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
                <a href="#" class="interactive" aria-label="TikTok"><i class="fa-brands fa-tiktok"></i></a>
            </div> -->
        </div>
    </div>
</div><?php /**PATH /home/onesourceerp/public_html/project/resources/views/partials/header.blade.php ENDPATH**/ ?>