<!-- Navbar Header -->
<header class="bg-white border-b border-slate-200 h-16 flex items-center justify-between px-6 sticky top-0 z-40">
    <button @click="mobileMenuOpen = !mobileMenuOpen" class="md:hidden text-slate-600 hover:text-slate-900 focus:outline-none">
        Menu
    </button>
    
    <div class="ml-auto flex items-center space-x-4" x-data="{ userMenuOpen: false }">
        <span class="text-sm text-slate-600 font-medium"><?php echo e(auth()->user()->name); ?></span>
        
        <!-- Alpine Dropdown Menu -->
        <div class="relative">
            <button @click="userMenuOpen = !userMenuOpen" @click.outside="userMenuOpen = false" 
                class="w-8 h-8 rounded-full bg-slate-200 flex items-center justify-center font-bold text-slate-700 text-sm focus:outline-none">
                <?php echo e(substr(auth()->user()->name, 0, 1)); ?>

            </button>
            <div x-show="userMenuOpen" x-transition 
                class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 border border-slate-200 text-sm">
                <form method="POST" action="/logout">
                    <?php echo csrf_field(); ?>
                    <button type="submit" class="w-full text-left px-4 py-2 text-slate-700 hover:bg-slate-100">Sign Out</button>
                </form>
            </div>
        </div>
    </div>
</header>
<?php /**PATH /var/www/abyogasms.com/resources/views/components/dashboard-header.blade.php ENDPATH**/ ?>