<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $__env->yieldContent('title', 'JAM Members Club'); ?></title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>
<body class="bg-[#0d0d0d] text-white min-h-screen" style="font-family: 'Inter', sans-serif;">

    
    <nav class="border-b border-[#1e1e1e] bg-[#0d0d0d] sticky top-0 z-40"
         x-data="{ menuOpen: false, profileOpen: false }"
         @keydown.escape.window="menuOpen = false; profileOpen = false">

        <div class="max-w-6xl mx-auto px-6 h-14 flex items-center justify-between">
            <div class="flex items-center gap-8">
                <div>
                    <p class="text-[#D4B84A] text-xs tracking-[0.4em] uppercase font-medium leading-none">Jam Corner</p>
                    <p class="text-white/30 text-[10px] tracking-widest uppercase">Members Club</p>
                </div>
                
                <div class="hidden md:flex items-center gap-6">
                    <a href="<?php echo e(route('member.dashboard')); ?>" class="text-xs tracking-wide uppercase transition-colors <?php echo e(request()->routeIs('member.dashboard') ? 'text-[#D4B84A]' : 'text-white/40 hover:text-white'); ?>">Dashboard</a>
                    <a href="<?php echo e(route('member.points')); ?>" class="text-xs tracking-wide uppercase transition-colors <?php echo e(request()->routeIs('member.points') ? 'text-[#D4B84A]' : 'text-white/40 hover:text-white'); ?>">Points Ledger</a>
                    <a href="<?php echo e(route('member.benefits')); ?>" class="text-xs tracking-wide uppercase transition-colors <?php echo e(request()->routeIs('member.benefits') ? 'text-[#D4B84A]' : 'text-white/40 hover:text-white'); ?>">Benefits</a>
                </div>
            </div>

            <div class="flex items-center gap-3">
                
                <div class="hidden md:block relative">
                    <button @click="profileOpen = !profileOpen" @click.away="profileOpen = false"
                            class="flex items-center gap-2.5 group">
                        <div class="w-8 h-8 rounded-full bg-[#D4B84A]/15 flex items-center justify-center">
                            <span class="text-[#D4B84A] text-xs font-semibold"><?php echo e(strtoupper(substr(auth()->user()->first_name, 0, 1))); ?></span>
                        </div>
                        <span class="text-white/50 text-xs group-hover:text-white transition-colors"><?php echo e(auth()->user()->first_name); ?></span>
                    </button>
                    <div x-show="profileOpen"
                         x-transition:enter="transition ease-out duration-100"
                         x-transition:enter-start="opacity-0 scale-95"
                         x-transition:enter-end="opacity-100 scale-100"
                         x-transition:leave="transition ease-in duration-75"
                         x-transition:leave-start="opacity-100 scale-100"
                         x-transition:leave-end="opacity-0 scale-95"
                         class="absolute right-0 top-12 bg-[#111111] border border-[#2a2a2a] rounded-xl shadow-xl p-2 min-w-40 z-50"
                         style="display:none;">
                        <a href="<?php echo e(route('member.profile')); ?>" class="block px-4 py-2.5 text-xs text-white/60 hover:text-white hover:bg-white/5 rounded-lg transition-colors">Profile</a>
                        <form method="POST" action="<?php echo e(route('logout')); ?>">
                            <?php echo csrf_field(); ?>
                            <button type="submit" class="w-full text-left px-4 py-2.5 text-xs text-white/60 hover:text-white hover:bg-white/5 rounded-lg transition-colors">Sign out</button>
                        </form>
                    </div>
                </div>

                
                <button class="md:hidden text-white/50 hover:text-white transition-colors p-1.5 rounded-lg hover:bg-white/5"
                        @click="menuOpen = !menuOpen" aria-label="Toggle menu">
                    <svg x-show="!menuOpen" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 6h16M4 12h16M4 18h16"/>
                    </svg>
                    <svg x-show="menuOpen" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="display:none;">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 18L18 6M6 6l12 12"/>
                    </svg>
                </button>
            </div>
        </div>

        
        <div x-show="menuOpen"
             x-transition:enter="transition ease-out duration-150"
             x-transition:enter-start="opacity-0 -translate-y-2"
             x-transition:enter-end="opacity-100 translate-y-0"
             x-transition:leave="transition ease-in duration-100"
             x-transition:leave-start="opacity-100 translate-y-0"
             x-transition:leave-end="opacity-0 -translate-y-2"
             class="md:hidden border-t border-[#1e1e1e] bg-[#0d0d0d]"
             style="display:none;">
            <div class="max-w-6xl mx-auto px-6 py-3 space-y-1">
                <a href="<?php echo e(route('member.dashboard')); ?>"
                   class="flex items-center px-3 py-2.5 rounded-lg text-sm transition-colors <?php echo e(request()->routeIs('member.dashboard') ? 'bg-[#D4B84A]/10 text-[#D4B84A]' : 'text-white/60 hover:text-white hover:bg-white/5'); ?>"
                   @click="menuOpen = false">
                    Dashboard
                </a>
                <a href="<?php echo e(route('member.points')); ?>"
                   class="flex items-center px-3 py-2.5 rounded-lg text-sm transition-colors <?php echo e(request()->routeIs('member.points') ? 'bg-[#D4B84A]/10 text-[#D4B84A]' : 'text-white/60 hover:text-white hover:bg-white/5'); ?>"
                   @click="menuOpen = false">
                    Points Ledger
                </a>
                <a href="<?php echo e(route('member.benefits')); ?>"
                   class="flex items-center px-3 py-2.5 rounded-lg text-sm transition-colors <?php echo e(request()->routeIs('member.benefits') ? 'bg-[#D4B84A]/10 text-[#D4B84A]' : 'text-white/60 hover:text-white hover:bg-white/5'); ?>"
                   @click="menuOpen = false">
                    Benefits
                </a>
                <a href="<?php echo e(route('member.profile')); ?>"
                   class="flex items-center px-3 py-2.5 rounded-lg text-sm transition-colors <?php echo e(request()->routeIs('member.profile') ? 'bg-[#D4B84A]/10 text-[#D4B84A]' : 'text-white/60 hover:text-white hover:bg-white/5'); ?>"
                   @click="menuOpen = false">
                    Profile
                </a>
                <div class="border-t border-[#1e1e1e] pt-2 mt-2">
                    <div class="flex items-center gap-3 px-3 py-2 mb-1">
                        <div class="w-7 h-7 rounded-full bg-[#D4B84A]/15 flex items-center justify-center flex-shrink-0">
                            <span class="text-[#D4B84A] text-xs font-semibold"><?php echo e(strtoupper(substr(auth()->user()->first_name, 0, 1))); ?></span>
                        </div>
                        <div>
                            <p class="text-white text-xs font-medium"><?php echo e(auth()->user()->first_name); ?> <?php echo e(auth()->user()->last_name); ?></p>
                            <p class="text-white/30 text-[10px]"><?php echo e(auth()->user()->email); ?></p>
                        </div>
                    </div>
                    <form method="POST" action="<?php echo e(route('logout')); ?>">
                        <?php echo csrf_field(); ?>
                        <button type="submit" class="w-full text-left px-3 py-2.5 rounded-lg text-sm text-white/40 hover:text-white hover:bg-white/5 transition-colors">
                            Sign out
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </nav>

    <main class="max-w-6xl mx-auto px-6 py-8">
        <?php echo $__env->yieldContent('content'); ?>
    </main>

</body>
</html>
<?php /**PATH /Volumes/aslam/ASLAM E/jam/jam_loyality2/resources/views/layouts/member.blade.php ENDPATH**/ ?>