<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'navItems' => [],
    'isDark' => true,
    'themeClasses' => [],
]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter(([
    'navItems' => [],
    'isDark' => true,
    'themeClasses' => [],
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>

<div id="floating-nav" class="fixed bottom-6 right-6 z-[100] flex flex-col items-end space-y-2">
    <div
        class="flex flex-col space-y-2 p-1 <?php echo e($themeClasses['navBg'] ?? 'bg-gray-900/70'); ?> backdrop-blur-md rounded-full shadow-2xl border border-blue-700/50">

        <!-- Theme Toggle Button -->
        <button onclick="window.dispatchEvent(new CustomEvent('toggleTheme'))"
            class="group relative flex items-center justify-center p-3 m-1 rounded-full text-gray-400 hover:text-orange-400 <?php echo e($themeClasses['inputBg'] ?? 'bg-gray-800/80'); ?> hover:bg-gray-700/80 transition-all duration-300 backdrop-blur-sm shadow-xl focus:outline-none focus:ring-2 focus:ring-orange-500"
            aria-label="Toggle Theme">
            <?php if($isDark): ?>
                <?php echo $__env->make('partials.icon', ['name' => 'Sun', 'size' => 'w-5 h-5'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <?php else: ?>
                <?php echo $__env->make('partials.icon', ['name' => 'Moon', 'size' => 'w-5 h-5'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <?php endif; ?>
            <span
                class="absolute right-full mr-4 px-3 py-1 bg-gray-700 text-white text-xs rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none whitespace-nowrap hidden md:block">
                <?php echo e($isDark ? 'Switch to Light Mode' : 'Switch to Dark Mode'); ?>

            </span>
        </button>

        <!-- Navigation Items -->
        <?php $__currentLoopData = $navItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <button onclick="scrollToSection('<?php echo e($item['id']); ?>')"
                class="group relative flex items-center justify-center p-3 m-1 rounded-full text-gray-300 hover:text-orange-400 <?php echo e($themeClasses['inputBg'] ?? 'bg-gray-800/80'); ?> hover:bg-gray-700/80 transition-all duration-300 backdrop-blur-sm shadow-xl focus:outline-none focus:ring-2 focus:ring-orange-500"
                aria-label="<?php echo e($item['label']); ?>">
                <?php echo $__env->make('partials.icon', ['name' => $item['icon'], 'size' => 'w-5 h-5'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                <span
                    class="absolute right-full mr-4 px-3 py-1 bg-gray-700 text-white text-xs rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none whitespace-nowrap hidden md:block">
                    <?php echo e($item['label']); ?>

                </span>
            </button>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
</div>

<?php $__env->startPush('scripts'); ?>
    <script>
        function scrollToSection(id) {
            const element = document.getElementById(id);
            if (element) {
                element.scrollIntoView({
                    behavior: 'smooth'
                });
            }
        }
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /Users/olasunkanmiarowolo/oamediakraft.co.uk/oamk/resources/views/components/floating-nav.blade.php ENDPATH**/ ?>