<header class="bg-white shadow-sm fixed top-0 left-0 right-0 z-10">
    <div class="flex items-center justify-between px-6 py-4">
        <div class="flex items-center space-x-4">
            <a href="<?= base_url('/') ?>" class="flex items-center">
                <span class="text-2xl">🏠</span>
                <span class="ml-2 text-xl font-bold text-purple-600">Flex Market</span>
            </a>
        </div>
        
        <div class="flex items-center space-x-4">
            <div class="flex items-center space-x-2">
                <span class="text-gray-600">👤</span>
                <span class="font-medium text-gray-800"><?= esc(session()->get('user_name')) ?></span>
            </div>
            <a href="<?= base_url('auth/logout') ?>" class="px-4 py-2 text-sm text-red-600 hover:text-red-800 transition">
                Logout
            </a>
        </div>
    </div>
</header>

<!-- Spacer for fixed header -->
<div class="h-16"></div>
