<header class="header" id="site-header">

  
  <div class="topbar">
    <div class="top-left">
      <span><?php echo e(now()->format('F j, Y')); ?></span>
      <span class="epaper">e-Paper</span>
    </div>
    <div class="top-right">
      <span class="e-book">eBooks</span>
      <span class="log">LOGIN</span>
      <button class="subscribe-btn" id="openModal">SUBSCRIBE</button>
    </div>
  </div>

  
  <div class="modal" id="subscribeModal" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
    <div class="modal-content">
      <span class="close-btn" id="closeModal" aria-label="Close">&times;</span>
      <h2 id="modalTitle">Stay Updated</h2>
      <p>Get The Hindu's top stories delivered to your inbox.</p>
      <form action="<?php echo e(route('subscribe')); ?>" method="POST" id="subscribeForm">
        <?php echo csrf_field(); ?>
        <input type="email" name="email" placeholder="Enter your email" class="email-input" required>
        <button type="submit" class="subscribe-submit">Subscribe</button>
        <p class="subscribe-msg" id="subscribeMsg"></p>
      </form>
    </div>
  </div>

  
  <div class="logo">
    <a href="<?php echo e(route('index')); ?>" title="<?php echo e(config('app.name', 'The Hindu')); ?>">
      <img src="<?php echo e(asset('img/thehindu-logo.svg')); ?>" alt="<?php echo e(config('app.name', 'The Hindu')); ?>" width="auto" height="auto">
    </a>
  </div>

  
  <nav class="navbar" aria-label="Primary navigation">
    <div class="nav-left">

      
      <button class="menu-icon" id="menuToggle" aria-label="Open menu" aria-expanded="false" aria-controls="megaMenu">☰</button>

      
      <div id="megaMenu" class="menu" role="dialog" aria-label="Navigation menu">
        <div class="logo">
          <a href="<?php echo e(route('index')); ?>">
            <img src="<?php echo e(asset('img/thehindu-logo.svg')); ?>" alt="<?php echo e(config('app.name', 'The Hindu')); ?>" width="auto" height="auto">
          </a>
        </div>
        <button class="menu-close" id="menuClose" aria-label="Close menu">✕</button>

        <div class="menu-hindu-items-container">
          <div class="menu-hindu-items-top">
            <a href="<?php echo e(route('search')); ?>" class="menu-hindu-items-search">
              <i class="fa-solid fa-magnifying-glass"></i> Search
            </a>
          </div>

          <div class="menu-hindu-items-grid">
            <?php $__currentLoopData = $allCategories->chunk(2); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chunk): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="menu-hindu-items-col">
              <?php $__currentLoopData = $chunk; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <p><a href="<?php echo e(route('category.show', $cat->slug)); ?>"><?php echo e($cat->category_name); ?></a></p>
              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </div>

          <div class="menu-hindu-items-bottom">
            <span>Connect with us</span>
            <div class="menu-hindu-items-icons">
              <a href="#" aria-label="WhatsApp"><span><i class="fa-brands fa-whatsapp"></i></span></a>
              <a href="#" aria-label="Facebook"><span><i class="fa-brands fa-facebook"></i></span></a>
              <a href="#" aria-label="Instagram"><span><i class="fa-brands fa-instagram"></i></span></a>
              <a href="#" aria-label="Twitter / X"><span><i class="fa-brands fa-x-twitter"></i></span></a>
            </div>
            <p class="menu-hindu-items-link">
              <a href="<?php echo e(route('about')); ?>">About The Hindu →</a>
            </p>
          </div>
        </div>
      </div>

      
      <a href="<?php echo e(route('search')); ?>" class="search" aria-label="Search">
        <i class="fa-solid fa-magnifying-glass"></i> Search
      </a>
    </div>

    
    <div class="nav-links">
      <?php $__currentLoopData = $allCategories->take(8); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <a href="<?php echo e(route('category.show', $cat->slug)); ?>"
         class="<?php echo \Illuminate\Support\Arr::toCssClasses(['active' => request()->route('slug') === $cat->slug]); ?>">
        <?php echo e($cat->category_name); ?>

      </a>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      <a href="#" class="premium-link">Premium 💎</a>
    </div>
  </nav>

</header>


<div class="menu-overlay" id="menuOverlay"></div>
<?php /**PATH C:\Users\progr\Downloads\hindu\main\hindunews\hindunews\resources\views/partials/header.blade.php ENDPATH**/ ?>