<?php if (isset($component)) { $__componentOriginal61141943053f09b1aa6378714ef2c661 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal61141943053f09b1aa6378714ef2c661 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.front-layout','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('front-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
  <?php if (isset($component)) { $__componentOriginalfad9b1da39992cf54ab46b77180bebb1 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalfad9b1da39992cf54ab46b77180bebb1 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.front.page-hero','data' => ['eyebrow' => $post['category'],'title' => $post['title'],'description' => $post['excerpt'],'image' => $post['hero_image'],'imageAlt' => $post['hero_alt'],'backUrl' => route('front.news'),'backLabel' => 'Back to News','align' => 'left','height' => 'min-h-[70vh]','meta' => [$post['date'], $post['read_time'], 'By ' . $post['author']]]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('front.page-hero'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['eyebrow' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post['category']),'title' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post['title']),'description' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post['excerpt']),'image' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post['hero_image']),'image-alt' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post['hero_alt']),'back-url' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(route('front.news')),'back-label' => 'Back to News','align' => 'left','height' => 'min-h-[70vh]','meta' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute([$post['date'], $post['read_time'], 'By ' . $post['author']])]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalfad9b1da39992cf54ab46b77180bebb1)): ?>
<?php $attributes = $__attributesOriginalfad9b1da39992cf54ab46b77180bebb1; ?>
<?php unset($__attributesOriginalfad9b1da39992cf54ab46b77180bebb1); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalfad9b1da39992cf54ab46b77180bebb1)): ?>
<?php $component = $__componentOriginalfad9b1da39992cf54ab46b77180bebb1; ?>
<?php unset($__componentOriginalfad9b1da39992cf54ab46b77180bebb1); ?>
<?php endif; ?>

  <section class="section-shell py-24">
    <div class="mx-auto grid max-w-7xl gap-12 px-8 lg:grid-cols-[minmax(0,1fr)_340px]">
      <article class="navy-card rounded-[2rem] p-8 md:p-12">
        <p class="text-lg leading-relaxed text-slate-700"><?php echo e($post['intro']); ?></p>

        <?php $__currentLoopData = $post['sections']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $section): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
          <div class="mt-12">
            <h2 class="text-2xl font-black text-secondary md:text-3xl"><?php echo e($section['heading']); ?></h2>

            <?php $__currentLoopData = $section['body']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $paragraph): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <p class="mt-5 leading-relaxed text-slate-600 md:text-lg"><?php echo e($paragraph); ?></p>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        <div class="mt-12 rounded-3xl bg-secondary p-8 text-white">
          <span class="text-xs font-bold uppercase tracking-[0.25em] text-accent">What Matters Most</span>
          <div class="mt-6 grid gap-4 md:grid-cols-3">
            <?php $__currentLoopData = $post['highlights']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $highlight): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <div class="rounded-2xl border border-white/10 bg-white/5 p-5">
                <span class="material-symbols-outlined text-accent">campaign</span>
                <p class="mt-3 text-sm leading-relaxed text-slate-100"><?php echo e($highlight); ?></p>
              </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </div>
        </div>
      </article>

      <aside class="space-y-8">
        <div class="navy-card rounded-3xl p-8">
          <span class="text-xs font-bold uppercase tracking-[0.25em] text-accent">News Snapshot</span>
          <div class="mt-6 space-y-4 text-sm text-slate-600">
            <div class="flex items-start gap-3">
              <span class="material-symbols-outlined text-primary">newspaper</span>
              <div>
                <p class="font-semibold text-secondary">Category</p>
                <p><?php echo e($post['category']); ?></p>
              </div>
            </div>
            <div class="flex items-start gap-3">
              <span class="material-symbols-outlined text-primary">calendar_today</span>
              <div>
                <p class="font-semibold text-secondary">Published</p>
                <p><?php echo e($post['date']); ?></p>
              </div>
            </div>
            <div class="flex items-start gap-3">
              <span class="material-symbols-outlined text-primary">schedule</span>
              <div>
                <p class="font-semibold text-secondary">Reading Time</p>
                <p><?php echo e($post['read_time']); ?></p>
              </div>
            </div>
            <div class="flex items-start gap-3">
              <span class="material-symbols-outlined text-primary">person</span>
              <div>
                <p class="font-semibold text-secondary">Source</p>
                <p><?php echo e($post['author']); ?></p>
              </div>
            </div>
          </div>
        </div>

       
      </aside>
    </div>
  </section>

  <section class="pb-24">
    <div class="mx-auto max-w-7xl px-8">
      <div class="mb-12 flex items-end justify-between gap-6">
        <div>
          <span class="text-xs font-bold uppercase tracking-[0.25em] text-accent">More Updates</span>
          <h2 class="mt-4 text-3xl font-black text-secondary md:text-4xl">Related News</h2>
        </div>
        <a href="<?php echo e(route('front.news')); ?>" class="hidden font-semibold text-primary transition-colors hover:text-accent md:inline-flex">View all news</a>
      </div>

      <div class="grid gap-8 md:grid-cols-2">
        <?php $__currentLoopData = $relatedPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $relatedPost): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
          <article class="navy-card overflow-hidden rounded-3xl">
            <a href="<?php echo e(route('front.single-news', $relatedPost['slug'])); ?>" class="block">
              <div class="h-56 overflow-hidden">
                <img
                  src="<?php echo e($relatedPost['hero_image']); ?>"
                  alt="<?php echo e($relatedPost['hero_alt']); ?>"
                  class="h-full w-full object-cover transition-transform duration-500 hover:scale-105">
              </div>
            </a>
            <div class="p-8">
              <div class="flex items-center justify-between text-sm text-slate-500">
                <span><?php echo e($relatedPost['date']); ?></span>
                <span><?php echo e($relatedPost['read_time']); ?></span>
              </div>
              <h3 class="mt-4 text-2xl font-black text-secondary">
                <a href="<?php echo e(route('front.single-news', $relatedPost['slug'])); ?>" class="transition-colors hover:text-accent">
                  <?php echo e($relatedPost['title']); ?>

                </a>
              </h3>
              <p class="mt-4 text-slate-600"><?php echo e($relatedPost['excerpt']); ?></p>
              <a href="<?php echo e(route('front.single-news', $relatedPost['slug'])); ?>" class="mt-6 inline-flex items-center gap-2 font-semibold text-primary transition-colors hover:text-accent">
                Read Update
                <span class="material-symbols-outlined text-sm">arrow_forward</span>
              </a>
            </div>
          </article>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>
    </div>
  </section>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal61141943053f09b1aa6378714ef2c661)): ?>
<?php $attributes = $__attributesOriginal61141943053f09b1aa6378714ef2c661; ?>
<?php unset($__attributesOriginal61141943053f09b1aa6378714ef2c661); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal61141943053f09b1aa6378714ef2c661)): ?>
<?php $component = $__componentOriginal61141943053f09b1aa6378714ef2c661; ?>
<?php unset($__componentOriginal61141943053f09b1aa6378714ef2c661); ?>
<?php endif; ?>
<?php /**PATH /home/mongizzc/projects3/across_Immigration/resources/views/front/single-news.blade.php ENDPATH**/ ?>