<nav class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
    <div class="flex items-center">
        <i class="fas fa-cog text-gray-600 dark:text-gray-400 text-xl mr-4"></i>
        <h1 class="text-xl font-semibold"><?php echo e($title ?? 'Home'); ?></h1>
    </div>
    
    <!-- Dark Mode Toggle -->
    <div class="flex items-center space-x-4">
        <div class="flex items-center space-x-2">
            <i class="fas fa-sun text-sm"></i>
            <div id="darkModeToggle" class="w-10 h-6 flex items-center bg-gray-300 dark:bg-blue-600 rounded-full p-1 duration-300 ease-in-out cursor-pointer">
                <div class="bg-white w-4 h-4 rounded-full shadow-md transform duration-300 ease-in-out dark:translate-x-4"></div>
            </div>
            <i class="fas fa-moon text-sm"></i>
        </div>
    </div>
</nav><?php /**PATH /home/blockcino/public_html/resources/views/layouts/user/navigation.blade.php ENDPATH**/ ?>