<header x-data="{ open: false }" id="site-nav" class="fixed top-0 inset-x-0 z-50 transition-colors duration-500">
  <nav class="max-w-7xl mx-auto px-5 md:px-8 flex items-center justify-between h-20">
    <a href="<?php echo e(route('home')); ?>" class="flex items-center gap-3 group">
      <img src="<?php echo e(asset('images/logo.png')); ?>" alt="ABYOGASMS Foundation logo" class="h-12 w-auto object-contain flex-shrink-0" />
      <span class="leading-tight">
        <span class="block font-display font-semibold text-[15px] md:text-base text-sand transition-colors duration-500">AKHIL BHARTIYA YOG</span>
        <span class="block font-mono text-[10px] tracking-[0.14em] uppercase text-sand/60 transition-colors duration-500">Shikshak Mahasangh</span>
      </span>
    </a>

    <div class="hidden lg:flex items-center gap-8 font-body text-sm font-medium">
      <a href="<?php echo e(route('about')); ?>" class="nav-link text-sand/90 hover:text-white transition-colors">About</a>
      <a href="<?php echo e(route('services')); ?>" class="nav-link text-sand/90 hover:text-white transition-colors">Services</a>
      <a href="<?php echo e(route('whyus')); ?>" class="nav-link text-sand/90 hover:text-white transition-colors">Why Us</a>
      <a href="<?php echo e(route('membership')); ?>" class="nav-link text-sand/90 hover:text-white transition-colors">Membership</a>
      <a href="<?php echo e(route('values')); ?>" class="nav-link text-sand/90 hover:text-white transition-colors">Values</a>
      <a href="<?php echo e(route('founder')); ?>" class="nav-link text-sand/90 hover:text-white transition-colors">Founder</a>
      <a href="/dashboard" class="nav-link text-sand/90 hover:text-white transition-colors">Dashboard</a>
    </div>

    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(auth()->guard()->check()): ?> 
    <a href="/dashboard" class="hidden lg:inline-flex items-center gap-2 bg-saffron hover:bg-saffron-deep text-white text-sm font-semibold px-5 py-2.5 rounded-full transition-colors duration-300">Member Dashboard</a>
    <?php else: ?> 
    <button x-data 
    @click="window.dispatchEvent(new CustomEvent('open-location-modal'))" 
    type="button" data-open-membership class="hidden lg:inline-flex items-center gap-2 bg-saffron hover:bg-saffron-deep text-white text-sm font-semibold px-5 py-2.5 rounded-full transition-colors duration-300">
      Join the Mission
    </button>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <button
      id="menu-btn"
      type="button"
      @click="open = !open"
      :aria-expanded="open"
      aria-label="Toggle menu"
      class="lg:hidden w-10 h-10 flex flex-col items-center justify-center gap-[5px] focus:outline-none focus-visible:ring-2 focus-visible:ring-gold rounded"
    >
      <span class="w-6 h-[2px] bg-sand block transition-transform" :class="open ? 'translate-y-[7px] rotate-45' : ''"></span>
      <span class="w-6 h-[2px] bg-sand block transition-opacity" :class="open ? 'opacity-0' : ''"></span>
      <span class="w-6 h-[2px] bg-sand block transition-transform" :class="open ? '-translate-y-[7px] -rotate-45' : ''"></span>
    </button>
    
  </nav>

  <div id="mobile-menu" x-show="open" x-transition class="lg:hidden bg-indigo-deep border-t border-white/10">
    <div class="px-6 py-6 flex flex-col gap-5 font-medium text-sand/90">
      <a href="<?php echo e(route('about')); ?>" @click="open = false" class="mnav">About</a>
      <a href="<?php echo e(route('services')); ?>" @click="open = false" class="mnav">Services</a>
      <a href="<?php echo e(route('whyus')); ?>" @click="open = false" class="mnav">Why Us</a>
      <a href="<?php echo e(route('membership')); ?>" @click="open = false" class="mnav">Membership</a>
      <a href="<?php echo e(route('values')); ?>" @click="open = false" class="mnav">Values</a>
      <a href="<?php echo e(route('founder')); ?>" @click="open = false" class="mnav">Founder</a>
      <a href="/dashboard" class="mnav">Dashboard</a>
      <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(auth()->guard()->check()): ?>
          <!-- Shown to logged-in users -->
          <a href="/dashboard" class="mt-2 inline-flex justify-center items-center bg-saffron text-white font-semibold px-5 py-3 rounded-full">Member Dashboard</a>
      <?php else: ?>
          <!-- Shown to guests -->
          <button type="button" @click="open = false; document.querySelector('[data-open-membership]')?.click()" class="mt-2 inline-flex justify-center items-center bg-saffron text-white font-semibold px-5 py-3 rounded-full">Join the Mission</button>
      <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
      
    </div>
  </div>
</header>
<?php /**PATH /var/www/abyogasms.com/resources/views/components/site-header.blade.php ENDPATH**/ ?>