<?php
    $isDark = ($variant ?? 'light') === 'dark';
    $mainNavBg = $isDark ? 'bg-secondary/90 backdrop-blur-sm' : 'bg-background';
    $linkColor = $isDark ? 'text-secondary-foreground' : 'text-foreground';
    $mobileDrawerBg = $isDark ? 'bg-secondary border-white/10' : 'bg-background border-border';
?>

<header
    data-navbar
    data-variant="<?php echo e($variant ?? 'light'); ?>"
    class="absolute inset-x-0 top-0 z-50 <?php echo e($mainNavBg); ?>"
>
    <div class="hidden bg-secondary lg:block">
        <div class="flex items-stretch">
            <div class="clip-hero-band -ml-[6%] flex flex-1 items-center justify-end bg-primary py-3 pl-[8%] pr-10">
                <div class="flex items-center gap-10 text-sm text-primary-foreground">
                    <span class="flex items-center gap-2">
                        <?php echo $__env->make('partials.icon', ['name' => 'phone', 'class' => 'size-4'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                        HELP LINE: <?php echo e(config('site.phone')); ?>

                    </span>
                    <span class="flex items-center gap-2">
                        <?php echo $__env->make('partials.icon', ['name' => 'mail', 'class' => 'size-4'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                        Open Hours: <?php echo e(config('site.hours')); ?>

                    </span>
                </div>
            </div>
            <div class="flex flex-1 items-center justify-end py-3 pr-8">
                <span class="flex items-center gap-2 text-sm text-secondary-foreground">
                    <?php echo $__env->make('partials.icon', ['name' => 'map-pin', 'class' => 'size-4'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                    <?php echo e(config('site.address')); ?>

                </span>
            </div>
        </div>
    </div>

    <div class="flex items-stretch transition-all duration-300">
        <div class="clip-logo-plate flex items-center bg-secondary py-6 pl-6 pr-24 lg:w-[26%] lg:pl-10">
            <a href="<?php echo e(route('home')); ?>" class="flex items-center gap-3">
                <?php echo $__env->make('partials.logo', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                <span class="font-display text-3xl font-bold tracking-tight text-secondary-foreground">
                    HSE <span class="text-secondary-foreground">Horizon</span>
                </span>
            </a>
        </div>

        <nav class="hidden flex-1 items-center justify-center gap-8 lg:flex">
            <?php $__currentLoopData = config('site.nav'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e(url($item['href'])); ?>" class="nav-link whitespace-nowrap py-8 text-[15px] <?php echo e($linkColor); ?>">
                    <?php echo e($item['label']); ?>

                </a>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </nav>

        <div class="ml-auto flex items-center gap-3 pr-4 lg:pr-8">
            <div class="hidden lg:block">
                <a href="<?php echo e(route('contact')); ?>" class="btn-slide h-14 bg-primary px-8 text-sm text-primary-foreground hover:bg-secondary">
                    <span class="btn-label">
                        <span class="text-one">Contact Us</span>
                        <span class="text-two">Contact Us</span>
                    </span>
                    <?php echo $__env->make('partials.arrow-icon', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                </a>
            </div>
            <button
                type="button"
                data-mobile-toggle
                aria-expanded="false"
                aria-label="Toggle menu"
                class="flex size-12 items-center justify-center bg-primary text-primary-foreground lg:hidden"
            >
                <?php echo $__env->make('partials.icon', ['name' => 'menu', 'class' => 'size-5'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            </button>
        </div>
    </div>

    <div data-mobile-drawer class="hidden border-t px-6 py-6 lg:hidden <?php echo e($mobileDrawerBg); ?>">
        <nav class="flex flex-col gap-4">
            <?php $__currentLoopData = config('site.nav'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e(url($item['href'])); ?>" class="nav-link w-fit text-base <?php echo e($linkColor); ?>">
                    <?php echo e($item['label']); ?>

                </a>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </nav>
        <a href="<?php echo e(route('contact')); ?>" class="btn-slide mt-6 h-12 w-full justify-center bg-primary px-8 text-sm text-primary-foreground">
            <span class="btn-label">
                <span class="text-one">Contact Us</span>
                <span class="text-two">Contact Us</span>
            </span>
            <?php echo $__env->make('partials.arrow-icon', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
        </a>
    </div>
</header>

<style>
    [data-navbar][data-scrolled="true"] {
        box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
        background-color: var(--color-secondary);
    }
    [data-navbar][data-variant="light"][data-scrolled="true"] {
        background-color: var(--color-background);
    }
</style>
<?php /**PATH E:\projects-octa\hse-horizon\resources\views\partials\navbar.blade.php ENDPATH**/ ?>