<?php $__env->startPush('styles'); ?>
<link rel="stylesheet" href="<?php echo e(asset('css/style-index.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('css/responsive-index.css')); ?>">
<?php $__env->stopPush(); ?>

<?php $__env->startSection('title', config('app.name', 'The Hindu') . ' — India\'s National Newspaper'); ?>
<?php $__env->startSection('meta_description', 'Breaking news and latest stories from India and around the world. Stay informed with The Hindu.'); ?>
<?php $__env->startSection('canonical', route('index')); ?>

<?php $__env->startSection('schema_json'); ?>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "<?php echo e(config('app.name', 'The Hindu')); ?>",
  "url": "<?php echo e(config('app.url')); ?>",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "<?php echo e(url('/search?q={search_term_string}')); ?>",
    "query-input": "required name=search_term_string"
  }
}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>


<section class="tp-wrapper" aria-label="Top News">
  <h2 class="tp-heading">Top News</h2>
  <div class="tp-grid">

    
    <div class="tp-left">
      <?php if($topNewsHero): ?>
      <a href="<?php echo e($topNewsHero->canonical_url); ?>" title="<?php echo e($topNewsHero->news_title); ?>">
        <img src="<?php echo e($topNewsHero->photo_url); ?>" class="tp-main-img" alt="<?php echo e($topNewsHero->img_alt ?: $topNewsHero->news_title); ?>" loading="eager" width="600" height="380">
      </a>
      <div class="tp-live">● LIVE</div>
      <h1 class="tp-title">
        <a href="<?php echo e($topNewsHero->canonical_url); ?>" title="<?php echo e($topNewsHero->news_title); ?>"><?php echo e($topNewsHero->news_title); ?></a>
      </h1>
      <p class="tp-desc"><?php echo e(Str::limit(strip_tags($topNewsHero->news_content_short), 140)); ?></p>

      <div class="wrapper">
        <?php $__currentLoopData = $topNewsSubItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $loop_sub => $sub): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="news-block">
          <div class="thumb-box">
            <img src="<?php echo e($sub->photo_url); ?>" alt="<?php echo e($sub->img_alt ?: $sub->news_title); ?>" loading="lazy" width="80" height="60">
          </div>
          <div class="content-box">
            <?php if($loop_sub === 0): ?>
            <div class="tag-live">● LIVE</div>
            <?php else: ?>
            <div class="tag-category"><?php echo e(strtoupper($sub->category->category_name ?? 'NEWS')); ?></div>
            <?php endif; ?>
            <h2 class="headline">
              <a href="<?php echo e($sub->canonical_url); ?>" title="<?php echo e($sub->news_title); ?>"><?php echo e(Str::limit($sub->news_title, 100)); ?></a>
            </h2>
            <p class="author"><?php echo e(strtoupper($sub->author->name ?? 'THE HINDU BUREAU')); ?></p>
          </div>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>
      <?php endif; ?>
    </div>

    
    <div class="tp-middle">
      <?php $__currentLoopData = $topNewsMiddle->take(5); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $loop_mid => $mid): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="tp-item">
        <?php if($loop_mid < 2): ?>
        <span class="tp-tag red">LIVE</span>
        <?php else: ?>
        <span class="tp-tag"><?php echo e(strtoupper($mid->category->category_name ?? 'NEWS')); ?></span>
        <?php endif; ?>
        <p><a href="<?php echo e($mid->canonical_url); ?>" title="<?php echo e($mid->news_title); ?>"><?php echo e(Str::limit($mid->news_title, 90)); ?></a></p>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

      
      <?php $__currentLoopData = $topNewsMiddle->skip(2)->take(3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $loop_st => $st): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="story-item">
        <?php if($loop_st === 0): ?>
        <div class="label-live">● LIVE</div>
        <?php else: ?>
        <div class="label-cat"><?php echo e(strtoupper($st->category->category_name ?? 'NEWS')); ?></div>
        <?php endif; ?>
        <h2 class="story-title"><a href="<?php echo e($st->canonical_url); ?>" title="<?php echo e($st->news_title); ?>"><?php echo e(Str::limit($st->news_title, 90)); ?></a></h2>
        <div class="story-author"><?php echo e(strtoupper($st->author->name ?? 'THE HINDU BUREAU')); ?></div>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

      
      <?php if($latestSidebarFeed->isNotEmpty()): ?>
      <?php $featureCard = $latestSidebarFeed->first(); ?>
      <div class="feature-card">
        <a href="<?php echo e($featureCard->canonical_url); ?>">
          <img src="<?php echo e($featureCard->photo_url); ?>" alt="<?php echo e($featureCard->img_alt ?: $featureCard->news_title); ?>" loading="lazy">
        </a>
        <div class="overlay-box">
          <div class="label-feature"><?php echo e(strtoupper($featureCard->category->category_name ?? 'FEATURES')); ?></div>
          <h2 class="feature-title">
            <a href="<?php echo e($featureCard->canonical_url); ?>" title="<?php echo e($featureCard->news_title); ?>" style="color: white;"><?php echo e(Str::limit($featureCard->news_title, 80)); ?></a>
          </h2>
          <div class="feature-author"><?php echo e(strtoupper($featureCard->author->name ?? 'THE HINDU BUREAU')); ?></div>
        </div>
      </div>
      <?php endif; ?>
    </div>

    
    <div class="tp-right">
      <div class="img-sec">
        <img src="<?php echo e(asset('img/hindu.svg')); ?>" alt="The Hindu" loading="lazy" width="200" height="auto">
      </div>

      <div class="tp-editorial">
        <h3>Editorial</h3>
        <?php $__currentLoopData = $editorialItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ed): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <p><a href="<?php echo e($ed->canonical_url); ?>" title="<?php echo e($ed->news_title); ?>"><?php echo e(Str::limit($ed->news_title, 80)); ?></a></p>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>

      <div class="tp-comment">
        <?php if($editorialItems->count() > 0): ?>
        <?php $comment = $editorialItems->last(); ?>
        <span class="tp-tag red">COMMENT</span>
        <p><a href="<?php echo e($comment->canonical_url); ?>" title="<?php echo e($comment->news_title); ?>"><?php echo e(Str::limit($comment->news_title, 80)); ?></a></p>
        <?php endif; ?>
      </div>

      <div class="tp-latest">
        <h4>Latest News →</h4>
        <?php if($latestSidebarFeed->isNotEmpty()): ?>
        <p><span><?php echo e(strtoupper($latestSidebarFeed->first()->published_human)); ?></span> <?php echo e(Str::limit($latestSidebarFeed->first()->news_title, 50)); ?></p>
        <?php endif; ?>
      </div>

      <div class="ln-list">
        <?php $__currentLoopData = $latestSidebarFeed->skip(1)->take(3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $lf): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="ln-item">
          <p class="ln-time"><?php echo e(strtoupper($lf->published_human)); ?></p>
          <p class="ln-text"><a href="<?php echo e($lf->canonical_url); ?>" title="<?php echo e($lf->news_title); ?>"><?php echo e(Str::limit($lf->news_title, 85)); ?></a></p>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>

      <div class="ln-more"><a href="<?php echo e(route('search')); ?>">READ MORE STORIES</a></div>
    </div>

  </div>
</section>



<?php if($spotlightCategory && $spotlightMain): ?>
<div class="news-war-container" aria-label="<?php echo e($spotlightCategory->category_name); ?> Spotlight">

  <div class="news-war-header">
    <div class="news-war-title"><?php echo e(strtoupper($spotlightCategory->category_name)); ?></div>
    <a href="<?php echo e(route('category.show', $spotlightCategory->slug)); ?>" class="news-war-readmore">READ MORE →</a>
  </div>

  <div class="news-war-links">
    <?php $__currentLoopData = $spotlightLinks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $link): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <a href="#"><?php echo e(Str::limit($link, 65)); ?></a>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>

  <div class="news-war-main">
    <div class="news-war-left">
      <h2><?php echo e($spotlightMain->news_title); ?></h2>
      <p><?php echo e(Str::limit(strip_tags($spotlightMain->news_content_short), 200)); ?></p>
      <div class="news-war-author"><?php echo e(strtoupper($spotlightMain->author->name ?? 'THE HINDU BUREAU')); ?></div>
      <a href="<?php echo e($spotlightMain->canonical_url); ?>" class="war-read-link">Read full story →</a>
    </div>

    <div class="news-war-center">
      <a href="<?php echo e($spotlightMain->canonical_url); ?>">
        <img src="<?php echo e($spotlightMain->photo_url); ?>" alt="<?php echo e($spotlightMain->img_alt ?: $spotlightMain->news_title); ?>" loading="lazy" width="400" height="280">
      </a>
    </div>

    <div class="news-war-right">
      <?php $__currentLoopData = $spotlightRight; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sr): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="news-war-right-item">
        <p><a href="<?php echo e($sr->canonical_url); ?>" title="<?php echo e($sr->news_title); ?>"><?php echo e(Str::limit($sr->news_title, 70)); ?></a></p>
        <img src="<?php echo e($sr->photo_url); ?>" alt="<?php echo e($sr->img_alt ?: $sr->news_title); ?>" loading="lazy" width="80" height="60">
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
  </div>

</div>
<?php endif; ?>



<?php if($forYouItems->isNotEmpty()): ?>
<div class="this-is-main-wrapper-area" aria-label="For You">
  <div class="this-is-heading-title-text">For you</div>
  <div class="this-is-four-column-layout">
    <?php $__currentLoopData = $forYouItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="this-is-single-news-card">
      <div class="this-is-image-holder">
        <a href="<?php echo e($item->canonical_url); ?>">
          <img src="<?php echo e($item->photo_url); ?>" alt="<?php echo e($item->img_alt ?: $item->news_title); ?>" loading="lazy" width="280" height="180">
        </a>
      </div>
      <div class="this-is-news-heading-text">
        <a href="<?php echo e($item->canonical_url); ?>" title="<?php echo e($item->news_title); ?>"><?php echo e(Str::limit($item->news_title, 90)); ?></a>
      </div>
      <div class="this-is-author-small-text"><?php echo e(strtoupper($item->author->name ?? 'THE HINDU BUREAU')); ?></div>
    </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>
</div>
<?php endif; ?>



<?php if($editorsPick): ?>
<div class="wrapper-zone" aria-label="Editor's Pick">
  <div class="heading-fire">Editor's Pick</div>

  <div class="grid-master">

    
    <div class="left-hero">
      <a href="<?php echo e($editorsPick->canonical_url); ?>">
        <img src="<?php echo e($editorsPick->photo_url); ?>" alt="<?php echo e($editorsPick->img_alt ?: $editorsPick->news_title); ?>" loading="lazy" width="460" height="300">
      </a>
      <div class="tag-small"><?php echo e(strtoupper($editorsPick->category->category_name ?? '')); ?></div>
      <div class="big-headline">
        <a href="<?php echo e($editorsPick->canonical_url); ?>" title="<?php echo e($editorsPick->news_title); ?>"><?php echo e($editorsPick->news_title); ?></a>
      </div>
      <div class="subtext-line"><?php echo e(Str::limit(strip_tags($editorsPick->news_content_short), 120)); ?></div>
    </div>

    
    <div class="middle-stack">
      <?php $__currentLoopData = $editorsMiddle; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $loop_em => $em): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="card-box">
        <a href="<?php echo e($em->canonical_url); ?>">
          <img src="<?php echo e($em->photo_url); ?>" alt="<?php echo e($em->img_alt ?: $em->news_title); ?>" loading="lazy" width="280" height="160">
        </a>
        <div class="small-label"><?php echo e(strtoupper($em->category->category_name ?? '')); ?></div>
        <div class="card-title"><a href="<?php echo e($em->canonical_url); ?>" title="<?php echo e($em->news_title); ?>"><?php echo e(Str::limit($em->news_title, 85)); ?></a></div>
        <?php if($loop_em === 0): ?>
        <div class="author-name"><?php echo e(strtoupper($em->author->name ?? 'THE HINDU BUREAU')); ?></div>
        <?php else: ?>
        <hr>
        <div class="card-title">
          <div class="small-label"><?php echo e(strtoupper($em->category->category_name ?? '')); ?></div>
          <?php echo e(Str::limit($em->news_title, 85)); ?>

        </div>
        <?php endif; ?>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

    
    <div class="side-panel">

      <?php if($citiesPanel->isNotEmpty()): ?>
      <div class="panel-section">
        <div class="panel-header">
          <div class="panel-title">Cities →</div>
          <div class="select-btn">Select City ⌄</div>
        </div>
        <?php $__currentLoopData = $citiesPanel; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $city): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="news-row">
          <div class="news-text"><a href="<?php echo e($city->canonical_url); ?>" title="<?php echo e($city->news_title); ?>"><?php echo e(Str::limit($city->news_title, 70)); ?></a></div>
          <img src="<?php echo e($city->photo_url); ?>" alt="<?php echo e($city->img_alt ?: $city->news_title); ?>" loading="lazy" width="70" height="52">
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>
      <?php endif; ?>

      <?php if($statesPanel->isNotEmpty()): ?>
      <div class="panel-section">
        <div class="panel-header">
          <div class="panel-title">States →</div>
          <div class="select-btn">Select State ⌄</div>
        </div>
        <?php $__currentLoopData = $statesPanel; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $state): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="news-row">
          <div class="news-text"><a href="<?php echo e($state->canonical_url); ?>" title="<?php echo e($state->news_title); ?>"><?php echo e(Str::limit($state->news_title, 70)); ?></a></div>
          <img src="<?php echo e($state->photo_url); ?>" alt="<?php echo e($state->img_alt ?: $state->news_title); ?>" loading="lazy" width="70" height="52">
        </div>
        <hr>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>
      <?php endif; ?>

    </div>
  </div>
</div>
<?php endif; ?>



<?php if($sectionTwoCategory && $sectionTwoItems->isNotEmpty()): ?>
<?php
  $spotlight2Main  = $sectionTwoItems->first();
  $spotlight2Right = $sectionTwoItems->skip(1)->take(3);
?>
<div class="news-war-container" aria-label="<?php echo e($sectionTwoCategory->category_name); ?>">

  <div class="news-war-header">
    <div class="news-war-title"><?php echo e(strtoupper($sectionTwoCategory->category_name)); ?></div>
    <a href="<?php echo e(route('category.show', $sectionTwoCategory->slug)); ?>" class="news-war-readmore">READ MORE →</a>
  </div>

  <div class="news-war-links">
    <?php $__currentLoopData = $sectionTwoItems->take(3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $s2link): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <a href="<?php echo e($s2link->canonical_url); ?>"><?php echo e(Str::limit($s2link->news_title, 65)); ?></a>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>

  <div class="news-war-main">
    <div class="news-war-left">
      <h2><?php echo e($spotlight2Main->news_title); ?></h2>
      <p><?php echo e(Str::limit(strip_tags($spotlight2Main->news_content_short), 200)); ?></p>
      <div class="news-war-author"><?php echo e(strtoupper($spotlight2Main->author->name ?? 'THE HINDU BUREAU')); ?></div>
      <a href="<?php echo e($spotlight2Main->canonical_url); ?>" class="war-read-link">Read full story →</a>
    </div>

    <div class="news-war-center">
      <a href="<?php echo e($spotlight2Main->canonical_url); ?>">
        <img src="<?php echo e($spotlight2Main->photo_url); ?>" alt="<?php echo e($spotlight2Main->img_alt ?: $spotlight2Main->news_title); ?>" loading="lazy" width="400" height="280">
      </a>
    </div>

    <div class="news-war-right">
      <?php $__currentLoopData = $spotlight2Right; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $s2r): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="news-war-right-item">
        <p><a href="<?php echo e($s2r->canonical_url); ?>" title="<?php echo e($s2r->news_title); ?>"><?php echo e(Str::limit($s2r->news_title, 70)); ?></a></p>
        <img src="<?php echo e($s2r->photo_url); ?>" alt="<?php echo e($s2r->img_alt ?: $s2r->news_title); ?>" loading="lazy" width="80" height="60">
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
  </div>

</div>
<?php endif; ?>



<?php if($sectionOneCategory && $sectionOneMain): ?>
<div class="jp-wrapper" aria-label="<?php echo e($sectionOneCategory->category_name); ?>">
  <h1 class="jp-heading"><?php echo e($sectionOneCategory->category_name); ?></h1>

  <div class="jp-grid">

    <div class="jp-left-col">
      <a href="<?php echo e($sectionOneMain->canonical_url); ?>">
        <img src="<?php echo e($sectionOneMain->photo_url); ?>" class="jp-main-img" alt="<?php echo e($sectionOneMain->img_alt ?: $sectionOneMain->news_title); ?>" loading="lazy" width="460" height="300">
      </a>
      <span class="jp-tag"><?php echo e(strtoupper($sectionOneCategory->category_name)); ?></span>
      <h2 class="jp-title">
        <a href="<?php echo e($sectionOneMain->canonical_url); ?>" title="<?php echo e($sectionOneMain->news_title); ?>"><?php echo e($sectionOneMain->news_title); ?></a>
      </h2>
      <p class="jp-desc"><?php echo e(Str::limit(strip_tags($sectionOneMain->news_content_short), 160)); ?></p>

      
      <div class="nx-wrap">
        <div class="nx-grid">
          <div class="nx-col">
            <?php $__currentLoopData = $sectionOneLeft; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $loop_sl => $sl): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="nx-top">
              <?php if($loop_sl === 0): ?>
              <span class="nx-cat"><?php echo e(strtoupper($sl->category->category_name ?? '')); ?></span>
              <?php else: ?>
              <span class="nx-live-dot"></span>
              <span class="nx-live-text">LIVE</span>
              <?php endif; ?>
              <h3 class="nx-head"><a href="<?php echo e($sl->canonical_url); ?>" title="<?php echo e($sl->news_title); ?>"><?php echo e(Str::limit($sl->news_title, 85)); ?></a></h3>
              <span class="nx-src"><?php echo e(strtoupper($sl->author->name ?? 'THE HINDU BUREAU')); ?></span>
            </div>
            <?php if(!$loop->last): ?><div class="nx-divider"></div><?php endif; ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

            
            <?php if($sectionOneLeft->count() > 0): ?>
            <?php $extraLeft = $sectionOneLeft->first(); ?>
            <div class="nx-card">
              <img src="<?php echo e($extraLeft->photo_url); ?>" class="nx-img" alt="<?php echo e($extraLeft->img_alt ?: $extraLeft->news_title); ?>" loading="lazy" width="140" height="90">
              <span class="nx-cat red"><?php echo e(strtoupper($extraLeft->category->category_name ?? '')); ?></span>
              <h3 class="nx-head"><a href="<?php echo e($extraLeft->canonical_url); ?>" title="<?php echo e($extraLeft->news_title); ?>"><?php echo e(Str::limit($extraLeft->news_title, 85)); ?></a></h3>
              <span class="nx-src"><?php echo e(strtoupper($extraLeft->author->name ?? 'THE HINDU BUREAU')); ?></span>
            </div>
            <?php endif; ?>
          </div>

          <div class="nx-col">
            <?php $__currentLoopData = $sectionOneRight; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $loop_sr => $sr): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <?php if($loop_sr === 0): ?>
            <div class="nx-top">
              <span class="nx-live-dot"></span>
              <span class="nx-live-text">LIVE</span>
              <h3 class="nx-head"><a href="<?php echo e($sr->canonical_url); ?>" title="<?php echo e($sr->news_title); ?>"><?php echo e(Str::limit($sr->news_title, 85)); ?></a></h3>
              <span class="nx-src"><?php echo e(strtoupper($sr->author->name ?? 'THE HINDU BUREAU')); ?></span>
            </div>
            <div class="nx-divider"></div>
            <?php else: ?>
            <div class="nx-card">
              <img src="<?php echo e($sr->photo_url); ?>" class="nx-img" alt="<?php echo e($sr->img_alt ?: $sr->news_title); ?>" loading="lazy" width="140" height="90">
              <span class="nx-cat red"><?php echo e(strtoupper($sr->category->category_name ?? '')); ?></span>
              <h3 class="nx-head"><a href="<?php echo e($sr->canonical_url); ?>" title="<?php echo e($sr->news_title); ?>"><?php echo e(Str::limit($sr->news_title, 85)); ?></a></h3>
            </div>
            <?php endif; ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </div>
        </div>
      </div>
    </div>

    
    <div class="jp-right-col">
      <div class="jp-video-box">
        <img src="<?php echo e(asset('img/add.jpg')); ?>" class="jp-video-img" alt="Featured Video" loading="lazy">
        <span class="jp-video-label">VIDEOS</span>
        <?php if($sectionOneMain): ?>
        <h3 class="jp-video-title"><?php echo e(Str::limit($sectionOneMain->news_title, 80)); ?></h3>
        <p class="jp-video-desc"><?php echo e(Str::limit(strip_tags($sectionOneMain->news_content_short), 100)); ?></p>
        <?php endif; ?>
      </div>

      <div class="jp-right-list">
        <?php $__currentLoopData = $sectionOneLeft->take(2); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $jpl): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="jp-right-item">
          <p><a href="<?php echo e($jpl->canonical_url); ?>" title="<?php echo e($jpl->news_title); ?>"><?php echo e(Str::limit($jpl->news_title, 75)); ?></a></p>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>
    </div>

  </div>

  <a href="<?php echo e(route('category.show', $sectionOneCategory->slug)); ?>" class="explore-btn">
    Explore More <span>→</span>
  </a>
</div>
<?php endif; ?>



<?php if($mostPopular->isNotEmpty()): ?>
<div class="scx-wrapper" aria-label="Most Popular">
  <h2 class="scx-heading">Most Popular</h2>
  <div class="scx-grid">
    <?php $__currentLoopData = $mostPopular->take(4); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $mp): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="scx-card">
      <a href="<?php echo e($mp->canonical_url); ?>">
        <img src="<?php echo e($mp->photo_url); ?>" class="scx-img" alt="<?php echo e($mp->img_alt ?: $mp->news_title); ?>" loading="lazy" width="260" height="170">
      </a>
      <div class="scx-cat"><?php echo e(strtoupper($mp->category->category_name ?? '')); ?></div>
      <h3 class="scx-title"><a href="<?php echo e($mp->canonical_url); ?>" title="<?php echo e($mp->news_title); ?>"><?php echo e(Str::limit($mp->news_title, 80)); ?></a></h3>
      <span class="scx-author"><?php echo e(strtoupper($mp->author->name ?? 'THE HINDU BUREAU')); ?></span>
    </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>
</div>
<?php endif; ?>



<div class="adver" aria-label="Advertisement">
  <img src="<?php echo e(asset('img/add3.jpg')); ?>" alt="Advertisement" loading="lazy" width="auto" height="auto">
</div>

<hr>



<?php if($sectionThreeCategory && $sectionThreeItems->isNotEmpty()): ?>
<div class="scx-wrapper" aria-label="<?php echo e($sectionThreeCategory->category_name); ?>">
  <h2 class="scx-heading"><?php echo e($sectionThreeCategory->category_name); ?></h2>
  <div class="scx-grid">
    <?php $__currentLoopData = $sectionThreeItems->take(4); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="scx-card">
      <a href="<?php echo e($item->canonical_url); ?>">
        <img src="<?php echo e($item->photo_url); ?>" class="scx-img" alt="<?php echo e($item->img_alt ?: $item->news_title); ?>" loading="lazy" width="260" height="170">
      </a>
      <div class="scx-cat"><?php echo e(strtoupper($item->category->category_name ?? '')); ?></div>
      <h3 class="scx-title"><a href="<?php echo e($item->canonical_url); ?>" title="<?php echo e($item->news_title); ?>"><?php echo e(Str::limit($item->news_title, 80)); ?></a></h3>
      <span class="scx-author"><?php echo e(strtoupper($item->author->name ?? 'THE HINDU BUREAU')); ?></span>
    </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>
</div>
<?php endif; ?>



<?php
  $lifeStyleCat = $allCategories->where('slug', 'entertainment')->first()
               ?? $allCategories->where('slug', 'health')->first()
               ?? $allCategories->first();
  $carouselItems = $lifeStyleCat
    ? \App\Models\News::with('category')->where('category_id', $lifeStyleCat->category_id)->orderByDesc('news_id')->take(5)->get()
    : collect();
?>
<?php if($carouselItems->isNotEmpty()): ?>
<h2 class="section-title">Life &amp; Style</h2>
<div class="carousel-wrapper" aria-label="<?php echo e($lifeStyleCat->category_name); ?>">
  <div class="cards-track">
    <?php $__currentLoopData = $carouselItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ci): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <article class="card <?php if($loop->index === 0): ?> card--partial <?php elseif($loop->index === 2): ?> card--active <?php elseif($loop->last): ?> card--partial <?php endif; ?>"
             aria-label="<?php echo e($ci->news_title); ?>">
      <a href="<?php echo e($ci->canonical_url); ?>">
        <img class="card__image" src="<?php echo e($ci->photo_url); ?>" alt="<?php echo e($ci->img_alt ?: $ci->news_title); ?>" loading="lazy" width="280" height="380">
      </a>
      <div class="card__overlay"></div>
      <div class="card__caption">
        <p class="card__caption-text"><?php echo e(Str::limit($ci->news_title, 80)); ?></p>
      </div>
    </article>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>
</div>
<?php endif; ?>



<?php if($sectionThreeCategory && $sectionThreeItems->isNotEmpty()): ?>
<div class="envx-wrap" aria-label="<?php echo e($sectionThreeCategory->category_name); ?>">
  <h2 class="envx-heading">Environment</h2>

  <div class="envx-grid">
    <div class="envx-left">
      <?php $__currentLoopData = $sectionThreeItems->take(2); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $env): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="envx-text-block">
        <span class="envx-cat"><?php echo e(strtoupper($env->category->category_name ?? '')); ?></span>
        <h3 class="envx-title"><a href="<?php echo e($env->canonical_url); ?>" title="<?php echo e($env->news_title); ?>"><?php echo e(Str::limit($env->news_title, 90)); ?></a></h3>
        <p class="envx-desc"><?php echo e(Str::limit(strip_tags($env->news_content_short), 120)); ?></p>
        <span class="envx-author"><?php echo e(strtoupper($env->author->name ?? 'THE HINDU BUREAU')); ?></span>
      </div>
      <?php if(!$loop->last): ?><div class="envx-divider"></div><?php endif; ?>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

    <div class="envx-center">
      <?php $__currentLoopData = $sectionThreeItems->skip(2)->take(2); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="envx-image-block">
        <a href="<?php echo e($img->canonical_url); ?>">
          <img src="<?php echo e($img->photo_url); ?>" class="envx-img" alt="<?php echo e($img->img_alt ?: $img->news_title); ?>" loading="lazy" width="260" height="160">
        </a>
        <p class="envx-img-caption"><a href="<?php echo e($img->canonical_url); ?>" title="<?php echo e($img->news_title); ?>"><?php echo e(Str::limit($img->news_title, 70)); ?></a></p>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

    <div class="envx-right">
      <div class="envx-ad">
        <img src="<?php echo e(asset('img/Add4.jpg')); ?>" alt="Advertisement" loading="lazy">
      </div>
    </div>
  </div>
</div>
<?php endif; ?>



<?php if($mostPopular->isNotEmpty()): ?>
<?php $fvItems = $mostPopular->take(4); ?>
<div class="fv-wrap">

  <div class="fv-header">
    <h2 class="fv-title">Featured Videos</h2>
    <div class="fv-tabs">
      <span>VIDEOS</span>
      <span>SHOWS</span>
      <span>WEBINARS</span>
    </div>
  </div>

  <div class="fv-grid">
    <div class="fv-main">
      <div class="fv-main-img">
        <a href="<?php echo e($fvItems->first()->canonical_url); ?>">
          <img src="<?php echo e($fvItems->first()->photo_url); ?>" alt="<?php echo e($fvItems->first()->img_alt ?: $fvItems->first()->news_title); ?>" loading="lazy">
        </a>
      </div>
      <h3 class="fv-main-title"><?php echo e(Str::limit($fvItems->first()->news_title, 100)); ?></h3>
    </div>

    <div class="fv-side">
      <?php $__currentLoopData = $fvItems->skip(1); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fvi): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="fv-item">
        <div class="fv-thumb">
          <a href="<?php echo e($fvi->canonical_url); ?>">
            <img src="<?php echo e($fvi->photo_url); ?>" alt="<?php echo e($fvi->img_alt ?: $fvi->news_title); ?>" loading="lazy">
          </a>
          <span class="fv-play">▶</span>
        </div>
        <p class="fv-text">
          <a href="<?php echo e($fvi->canonical_url); ?>" title="<?php echo e($fvi->news_title); ?>"><?php echo e(Str::limit($fvi->news_title, 90)); ?></a>
        </p>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
  </div>

</div>
<?php endif; ?>



<?php if(!empty($featuredSections)): ?>
<div class="fs-wrap" aria-label="Featured Sections">
  <h2 class="fs-main-title">Featured Sections</h2>
  <div class="fs-grid">
    <?php $__currentLoopData = $featuredSections; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fs): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="fs-col">
      <div class="fs-head">
        <a href="<?php echo e(route('category.show', $fs['category']->slug)); ?>"><?php echo e($fs['category']->category_name); ?> →</a>
      </div>
      <?php $__currentLoopData = $fs['items']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fi): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="fs-item">
        <div>
          <span class="fs-tag"><?php echo e(strtoupper($fi->category->category_name ?? '')); ?></span>
          <p class="fs-text"><a href="<?php echo e($fi->canonical_url); ?>" title="<?php echo e($fi->news_title); ?>"><?php echo e(Str::limit($fi->news_title, 80)); ?></a></p>
        </div>
        <img src="<?php echo e($fi->photo_url); ?>" alt="<?php echo e($fi->img_alt ?: $fi->news_title); ?>" loading="lazy" width="80" height="60">
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>
</div>
<?php endif; ?>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\progr\Downloads\hindu\main\hindunews\hindunews\resources\views/index.blade.php ENDPATH**/ ?>