<div class="sticky top-0 z-40 flex h-16 shrink-0 gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8">
    <button type="button" class="-m-2.5 p-2.5 text-gray-700 lg:hidden" @click="sidebarOpen = true">
        <span class="sr-only">Open sidebar</span>
        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>
    </button>

    <div class="flex flex-1 gap-x-4 self-stretch lg:gap-x-6">
        <div class="flex flex-1"></div>
        <div class="flex items-center gap-x-4 lg:gap-x-6">
            
            <div class="hidden sm:flex items-center gap-x-2 bg-gray-50 rounded-lg px-3 py-1.5">
                <svg class="h-4 w-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3" /></svg>
                <span class="text-sm font-semibold text-gray-900">₦<?php echo e(number_format(auth()->user()->wallet?->balance ?? 0, 2)); ?></span>
            </div>

            
            <a href="<?php echo e(route('notifications.index')); ?>" class="relative -m-2.5 p-2.5 text-gray-400 hover:text-gray-500">
                <span class="sr-only">View notifications</span>
                <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" /></svg>
            </a>

            
            <div class="relative" x-data="{ open: false }">
                <button type="button" class="flex items-center gap-x-2 text-sm font-semibold text-gray-700 hover:text-gray-900" @click="open = !open">
                    <div class="h-8 w-8 rounded-full bg-green-950 flex items-center justify-center text-white text-sm font-bold">
                        <?php echo e(substr(auth()->user()->first_name, 0, 1)); ?><?php echo e(substr(auth()->user()->last_name, 0, 1)); ?>

                    </div>
                    <span class="hidden sm:inline"><?php echo e(auth()->user()->first_name); ?></span>
                    <svg class="h-4 w-4 text-gray-400" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg>
                </button>

                <div x-show="open" @click.away="open = false" x-transition class="absolute right-0 z-10 mt-2.5 w-48 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5">
                    <a href="<?php echo e(route('profile.index')); ?>" class="block px-3 py-1 text-sm leading-6 text-gray-900 hover:bg-gray-50">Your Profile</a>
                    <a href="<?php echo e(route('wallet.index')); ?>" class="block px-3 py-1 text-sm leading-6 text-gray-900 hover:bg-gray-50">Wallet</a>
                    <form method="POST" action="<?php echo e(route('logout')); ?>">
                        <?php echo csrf_field(); ?>
                        <button type="submit" class="block w-full text-left px-3 py-1 text-sm leading-6 text-gray-900 hover:bg-gray-50">Sign out</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /Users/xunna/Documents/software dev/laravel/clikzpay/resources/views/layouts/topbar.blade.php ENDPATH**/ ?>