<?php
use Livewire\Component;
use App\Models\Category;
use App\Models\Faq;
use App\Models\Post;
use App\Models\SocialPost;
?>

<main class="max-w-7xl mx-auto px-4 md:px-6 py-8">
    <!-- Hero Section -->
    <div class="grid grid-cols-1 lg:grid-cols-12 gap-6 mb-12">
        <!-- Primary Story -->
        <div class="lg:col-span-8 group">
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($featuredPost): ?>
            <div class="relative h-[400px] md:h-[500px] news-card-v2 rounded-lg overflow-hidden">
                <img src="<?php echo e($featuredPost->featured_image ? (Str::startsWith($featuredPost->featured_image, 'http') ? $featuredPost->featured_image : asset('storage/'.$featuredPost->featured_image)) : 'https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?auto=format&fit=crop&q=80&w=1200'); ?>" alt="<?php echo e($featuredPost->title); ?>" class="w-full h-full object-cover">
                <div class="absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/20 to-transparent flex flex-col justify-end p-6 md:p-10">
                    <div class="flex items-center gap-3 mb-4">
                        <span class="bg-brand-blue text-white text-[10px] font-bold uppercase tracking-wider px-3 py-1 rounded-sm"><?php echo e($featuredPost->category->name); ?></span>
                        <span class="text-slate-300 text-xs font-bold flex items-center gap-2"><i class="fa-regular fa-clock"></i> <?php echo e($featuredPost->created_at->diffForHumans()); ?></span>
                    </div>
                    <h2 class="text-2xl md:text-4xl font-black text-white leading-tight mb-4 font-odia hover:text-brand-blue transition-colors">
                        <?php echo e($featuredPost->title); ?>

                    </h2>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($featuredPost->image_caption): ?>
                    <p class="text-slate-300 text-sm md:text-base font-medium font-odia line-clamp-2 max-w-2xl">
                        <?php echo e($featuredPost->image_caption); ?>

                    </p>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    <a href="<?php echo e(route('article', $featuredPost->slug)); ?>" class="absolute inset-0 z-10" aria-label="<?php echo e($featuredPost->title); ?>"></a>
                </div>
            </div>
            <?php else: ?>
            <div class="relative h-[400px] md:h-[500px] news-card-v2 rounded-lg bg-slate-100 flex items-center justify-center">
                <p class="text-slate-400 font-odia">No featured post available.</p>
            </div>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>

        <!-- Secondary Stories Stack -->
        <div class="lg:col-span-4 flex flex-col gap-5">
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $secondaryPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
            <a href="<?php echo e(route('article', $post->slug)); ?>" class="flex-1 group news-card-v2 p-5 flex flex-col justify-between border-l-4 border-l-brand-red }} rounded-lg relative">
                <div>
                    <span class="text-[10px] font-black uppercase tracking-wider text-brand-blue mb-2 block"><?php echo e($post->category->name); ?></span>
                    <h3 class="text-lg font-bold text-slate-900 leading-snug font-odia group-hover:text-brand-blue transition-colors">
                        <?php echo e($post->title); ?>

                    </h3>
                </div>
                <div class="mt-1 pt-3 border-t border-slate-100 flex items-center justify-between">
                    <span class="text-[10px] font-bold text-slate-400 uppercase tracking-wider"><?php echo e($post->created_at->format('M d, Y')); ?></span>
                    <i class="fa-solid fa-arrow-right text-slate-300"></i>
                </div>
            </a>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($secondaryPosts->count() < 2): ?>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php for($i = $secondaryPosts->count(); $i < 2; $i++): ?>
                <div class="flex-1 group news-card-v2 p-5 flex flex-col justify-center border-l-4 border-l-slate-200 rounded-lg relative bg-slate-50">
                    <p class="text-slate-400 text-xs font-odia text-center">No secondary post available.</p>
                </div>
                <?php endfor; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 items-start">
        <div class="lg:col-span-8 space-y-12">
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($category->posts->count() > 0): ?>
            <section>
                <div class="flex items-end justify-between mb-6 pb-2 border-b border-slate-200">
                    <div>
                        <h2 class="text-2xl font-black text-slate-900 tracking-tight font-odia uppercase"><?php echo e($category->name); ?></h2>
                        <div class="h-0.5 w-12 bg-brand-blue mt-1"></div>
                    </div>
                    <a href="<?php echo e(route('category', $category->slug)); ?>" class="text-[10px] font-bold uppercase tracking-wider text-slate-400 hover:text-brand-blue transition-colors"><?php echo e(__('ui.view_all')); ?></a>
                </div>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <?php $mainPost = $category->posts->first(); ?>
                    <div class="group relative">
                        <div class="aspect-[16/10] rounded-lg overflow-hidden mb-4 border border-slate-200">
                            <img src="<?php echo e($mainPost->featured_image ? (Str::startsWith($mainPost->featured_image, 'http') ? $mainPost->featured_image : asset('storage/'.$mainPost->featured_image)) : 'https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&q=80&w=800'); ?>" alt="<?php echo e($mainPost->title); ?>" class="w-full h-full object-cover">
                        </div>
                        <h3 class="text-lg font-bold text-slate-900 font-odia leading-tight group-hover:text-brand-blue transition-colors mb-2">
                            <?php echo e($mainPost->title); ?>

                        </h3>
                        <p class="text-slate-500 font-odia text-xs leading-relaxed line-clamp-2">
                            <?php echo e(Str::limit(strip_tags($mainPost->content), 150)); ?>

                        </p>
                        <a href="<?php echo e(route('article', $mainPost->slug)); ?>" class="absolute inset-0"></a>
                    </div>

                    <div class="space-y-6">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $category->posts->skip(1); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
                        <a href="<?php echo e(route('article', $post->slug)); ?>" class="group flex gap-4 relative items-center">
                            <div class="w-20 h-16 rounded-md bg-slate-100 flex-shrink-0 overflow-hidden border border-slate-200">
                                <img src="<?php echo e($post->featured_image ? (Str::startsWith($post->featured_image, 'http') ? $post->featured_image : asset('storage/'.$post->featured_image)) : 'https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&q=80&w=200'); ?>" alt="<?php echo e($post->title); ?>" class="w-full h-full object-cover">
                            </div>
                            <div class="flex-1">
                                <h4 class="text-sm font-bold text-slate-800 font-odia leading-snug group-hover:text-brand-blue transition-colors">
                                    <?php echo e($post->title); ?>

                                </h4>
                                <span class="text-[9px] text-slate-400 font-bold uppercase tracking-wider mt-1 block"><?php echo e($category->name); ?> | <?php echo e($post->created_at->diffForHumans()); ?></span>
                            </div>
                        </a>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                    </div>
                </div>
            </section>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>

            <!-- YouTube Video Section -->
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($youtubeVideos->count()): ?>
            <section class="bg-slate-900 p-6 md:p-8 rounded-lg text-white shadow-md relative overflow-hidden">
                <div class="flex justify-between items-center mb-6 border-b border-white/10 pb-4">
                    <h2 class="text-2xl font-black font-odia flex items-center gap-3">
                        <i class="fa-brands fa-youtube text-red-600"></i>
                        <?php echo e(__('home.video_gallery')); ?> <span class="text-brand-red"><?php echo e(__('home.video_gallery_or')); ?></span>
                    </h2>
                    <a href="<?php echo e(route('youtube')); ?>" class="text-[10px] font-bold uppercase tracking-wider text-slate-400 hover:text-red-500 transition-colors flex items-center gap-1">
                        <?php echo e(__('ui.view_all')); ?> <i class="fa-solid fa-arrow-right text-[8px]"></i>
                    </a>
                </div>

                <?php $mainVideo = $youtubeVideos->first(); $sideVideos = $youtubeVideos->skip(1); ?>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <!-- Main video embed -->
                    <div class="rounded-md overflow-hidden border border-white/10">
                        <?php echo $mainVideo->embed_html; ?>

                    </div>

                    <!-- Side video list -->
                    <div class="space-y-4">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $sideVideos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vid): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
                        <a href="<?php echo e($vid->url); ?>" target="_blank"
                            class="flex gap-3 group/item items-center border-b border-white/5 pb-4 last:border-0 last:pb-0">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($vid->thumbnail_url): ?>
                                <div class="w-20 h-14 rounded shrink-0 overflow-hidden relative">
                                    <img src="<?php echo e($vid->thumbnail_url); ?>" alt="<?php echo e($vid->title); ?>"
                                        class="w-full h-full object-cover opacity-80 group-hover/item:opacity-100 transition-opacity">
                                    <div class="absolute inset-0 flex items-center justify-center">
                                        <i class="fa-solid fa-play text-[10px] text-white drop-shadow"></i>
                                    </div>
                                </div>
                            <?php else: ?>
                                <div class="w-20 h-14 bg-white/10 rounded shrink-0 flex items-center justify-center group-hover/item:bg-brand-red transition-colors">
                                    <i class="fa-solid fa-play text-[10px]"></i>
                                </div>
                            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <p class="text-sm font-bold font-odia leading-snug text-slate-300 group-hover/item:text-white transition-colors">
                                <?php echo e($vid->title); ?>

                            </p>
                        </a>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                    </div>
                </div>
            </section>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

            <!-- Instagram Feed -->
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($instagramPosts->count()): ?>
            <section>
                <div class="flex items-end justify-between mb-6 pb-2 border-b border-slate-200">
                    <div>
                        <h2 class="text-2xl font-black text-slate-900 tracking-tight uppercase flex items-center gap-3">
                            <i class="fa-brands fa-instagram text-pink-500 text-xl"></i>
                            <?php echo e(__('home.instagram')); ?>

                        </h2>
                        <div class="h-0.5 w-12 bg-pink-500 mt-1"></div>
                    </div>
                    <a href="<?php echo e(route('instagram')); ?>" class="text-[10px] font-bold uppercase tracking-wider text-slate-400 hover:text-pink-500 transition-colors flex items-center gap-1">
                        <?php echo e(__('ui.view_all')); ?> <i class="fa-solid fa-arrow-right text-[8px]"></i>
                    </a>
                </div>
                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 gap-6">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $instagramPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sp): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
                    <div class="overflow-hidden rounded-lg border border-slate-100 shadow-sm">
                        <?php echo $sp->embed_html; ?>

                    </div>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                </div>
            </section>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

            <!-- Facebook Feed -->
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($facebookPosts->count()): ?>
            <section>
                <div class="flex items-end justify-between mb-6 pb-2 border-b border-slate-200">
                    <div>
                        <h2 class="text-2xl font-black text-slate-900 tracking-tight uppercase flex items-center gap-3">
                            <i class="fa-brands fa-facebook text-blue-600 text-xl"></i>
                            <?php echo e(__('home.facebook')); ?>

                        </h2>
                        <div class="h-0.5 w-12 bg-blue-600 mt-1"></div>
                    </div>
                    <a href="<?php echo e(route('facebook')); ?>" class="text-[10px] font-bold uppercase tracking-wider text-slate-400 hover:text-blue-600 transition-colors flex items-center gap-1">
                        <?php echo e(__('ui.view_all')); ?> <i class="fa-solid fa-arrow-right text-[8px]"></i>
                    </a>
                </div>
                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $facebookPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sp): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
                    <div class="overflow-hidden rounded-lg border border-slate-100 shadow-sm">
                        <?php echo $sp->embed_html; ?>

                    </div>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                </div>
            </section>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

            <!-- FAQ Section -->
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($faqs->count()): ?>
            <section>
                <div class="flex items-end justify-between mb-6 pb-2 border-b border-slate-200">
                    <div>
                        <h2 class="text-2xl font-black text-slate-900 tracking-tight uppercase flex items-center gap-3">
                            <i class="fa-solid fa-circle-question text-brand-blue text-xl"></i>
                            <?php echo e(__('home.faq_heading')); ?> <span class="text-brand-blue ml-2"><?php echo e(__('home.faq_subheading')); ?></span>
                        </h2>
                        <div class="h-0.5 w-12 bg-brand-blue mt-1"></div>
                    </div>
                    <a href="<?php echo e(route('faq')); ?>" class="text-[10px] font-bold uppercase tracking-wider text-slate-400 hover:text-brand-blue transition-colors flex items-center gap-1">
                        <?php echo e(__('ui.view_all')); ?> <i class="fa-solid fa-arrow-right text-[8px]"></i>
                    </a>
                </div>
                <div class="space-y-3">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
                    <details class="group border border-slate-200 rounded-lg overflow-hidden">
                        <summary class="flex items-center justify-between px-5 py-4 cursor-pointer bg-white hover:bg-slate-50 transition-colors list-none">
                            <span class="font-bold text-sm text-slate-800 font-odia pr-4"><?php echo e($faq->question); ?></span>
                            <i class="fa-solid fa-chevron-down text-slate-400 text-xs flex-shrink-0 transition-transform duration-200 group-open:rotate-180"></i>
                        </summary>
                        <div class="px-5 pb-4 bg-white">
                            <p class="text-sm text-slate-600 font-odia leading-relaxed border-t border-slate-100 pt-3"><?php echo e($faq->answer); ?></p>
                        </div>
                    </details>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                </div>
            </section>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>

        <!-- Sidebar -->
        <aside class="lg:col-span-4 sticky top-20 space-y-10">
            <div class="bg-brand-blue p-6 rounded-lg text-white shadow-sm border border-brand-blue">
                <h3 class="text-xl font-black mb-3 leading-tight"><?php echo e(__('ui.newsletter_title')); ?></h3>
                <p class="text-white/80 text-xs mb-6 leading-relaxed"><?php echo e(__('ui.newsletter_desc')); ?></p>
                <div class="space-y-3">
                    <input type="email" placeholder="<?php echo e(__('ui.email_placeholder')); ?>" class="w-full bg-white/10 border border-white/20 rounded-sm px-4 py-3 text-sm focus:outline-none focus:bg-white focus:text-slate-900 transition-all placeholder:text-white/40">
                    <button class="w-full bg-slate-900 text-white font-bold py-3 rounded-sm hover:bg-black transition-all"><?php echo e(__('ui.subscribe_now')); ?></button>
                </div>
            </div>

            <div>
                <h3 class="text-lg font-black text-slate-900 mb-6 flex items-center gap-3">
                    <span class="w-1 h-6 bg-brand-red"></span>
                    <?php echo e(__('ui.trending')); ?>

                </h3>
                <div class="space-y-6">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $trendingPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
                    <a href="<?php echo e(route('article', $post->slug)); ?>" class="group relative flex gap-4 border-b border-slate-100 pb-4">
                        <span class="text-2xl font-black text-slate-200 font-sans"><?php echo e(str_pad($loop->iteration, 2, '0', STR_PAD_LEFT)); ?></span>
                        <div class="flex-1">
                            <h4 class="text-sm font-bold text-slate-800 font-odia leading-snug group-hover:text-brand-red transition-colors cursor-pointer mb-1"><?php echo e($post->title); ?></h4>
                            <span class="text-[9px] font-bold text-slate-400 uppercase tracking-wider"><?php echo e($post->category->name); ?> | <?php echo e($post->created_at->diffForHumans()); ?></span>
                        </div>
                    </a>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                </div>
            </div>
        </aside>
    </div>

    <!-- Contact & Map Section -->
    <div class="mt-20 pt-16 border-t border-slate-100">
        <div class="flex items-end justify-between mb-10 pb-2 border-b border-slate-200">
            <div>
                <h2 class="text-2xl font-black text-slate-900 tracking-tight uppercase font-odia"><?php echo e(__('home.contact_section')); ?></h2>
                <div class="h-0.5 w-12 bg-brand-red mt-1"></div>
            </div>
            <p class="text-[10px] font-bold uppercase tracking-wider text-slate-400"><?php echo e(__('home.contact_subtitle')); ?></p>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-12 gap-10">
            <div class="lg:col-span-4 space-y-8">
                <div class="p-6 bg-slate-50 rounded-lg border border-slate-100 group hover:border-brand-blue transition-colors">
                    <div class="flex items-center gap-4 mb-4">
                        <div class="w-10 h-10 bg-brand-blue/10 rounded flex items-center justify-center text-brand-blue">
                            <i class="fa-solid fa-location-dot"></i>
                        </div>
                        <h3 class="text-sm font-black text-slate-900 uppercase tracking-tight"><?php echo e(__('about.office_address')); ?></h3>
                    </div>
                    <p class="text-slate-600 font-odia font-medium text-sm leading-relaxed">
                        <?php echo e(__('about.address_line')); ?>

                    </p>
                </div>

                <div class="p-6 bg-slate-50 rounded-lg border border-slate-100 group hover:border-brand-red transition-colors">
                    <div class="flex items-center gap-4 mb-4">
                        <div class="w-10 h-10 bg-brand-red/10 rounded flex items-center justify-center text-brand-red">
                            <i class="fa-solid fa-phone-volume"></i>
                        </div>
                        <h3 class="text-sm font-black text-slate-900 uppercase tracking-tight"><?php echo e(__('about.phone_number')); ?></h3>
                    </div>
                    <a href="tel:+917978764788" class="text-slate-800 font-bold text-xl hover:text-brand-red transition-colors">
                        +91 79 7876 4788
                    </a>
                </div>

                <div class="p-6 bg-brand-dark rounded-lg border border-slate-800 shadow-lg relative overflow-hidden group">
                    <div class="absolute -right-4 -bottom-4 opacity-5 group-hover:scale-110 transition-transform duration-500">
                        <i class="fa-solid fa-certificate text-8xl text-white"></i>
                    </div>
                    <div class="relative z-10">
                        <h3 class="text-[10px] font-black text-slate-500 uppercase tracking-[0.2em] mb-3"><?php echo e(__('home.udyam_label')); ?></h3>
                        <p class="text-white font-mono font-bold text-lg tracking-wider">
                            UDYAM-OD-22-0041136
                        </p>
                    </div>
                </div>
            </div>

            <div class="lg:col-span-8">
                <div class="rounded-lg overflow-hidden border border-slate-200 h-full min-h-[350px] shadow-sm">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3740.6416625890533!2d85.8202!3d20.301!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a1909873f2c5101%3A0x86770284e318d184!2sRaghunathpur%2C%20Bhubaneswar%2C%20Odisha!5e0!3m2!1sen!2sin!4v1712123456789!5m2!1sen!2sin"
                        width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </div>
</main><?php /**PATH D:\02-my freelance\00-DR_Padhi\DR_PADHI\storage\framework/views/livewire/views/1e44e767.blade.php ENDPATH**/ ?>