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

<main class="max-w-4xl mx-auto px-4 md:px-6 py-10">
    <div class="mb-10">
        <h1 class="text-3xl md:text-5xl font-black text-slate-900 tracking-tight uppercase flex items-center gap-4">
            <i class="fa-solid fa-circle-question text-brand-blue"></i>
            ସାଧାରଣ <span class="text-brand-blue ml-2">ପ୍ରଶ୍ନ</span>
        </h1>
        <div class="h-1 w-16 bg-brand-blue mt-3 rounded"></div>
        <p class="text-slate-500 mt-4 text-sm font-odia leading-relaxed max-w-xl">
            ଆମ ସମ୍ପର୍କରେ ଯଦି ଆପଣଙ୍କ ମନରେ କୌଣସି ପ୍ରଶ୍ନ ଅଛି, ନିମ୍ନରେ ଉତ୍ତର ଖୋଜନ୍ତୁ।
        </p>
    </div>

    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($faqs->count()): ?>
    <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-6 py-5 cursor-pointer bg-white hover:bg-slate-50 transition-colors list-none">
                <span class="font-bold text-base text-slate-800 font-odia pr-4"><?php echo e($faq->question); ?></span>
                <i class="fa-solid fa-chevron-down text-slate-400 text-sm shrink-0 transition-transform duration-200 group-open:rotate-180"></i>
            </summary>
            <div class="px-6 pb-5 bg-white">
                <p class="text-sm text-slate-600 font-odia leading-relaxed border-t border-slate-100 pt-4"><?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>
    <?php else: ?>
    <div class="bg-slate-50 p-16 text-center rounded-lg border border-slate-100">
        <i class="fa-solid fa-circle-question text-5xl text-slate-200 mb-4 block"></i>
        <p class="text-slate-400 font-odia">କୌଣସି ପ୍ରଶ୍ନ ଉପଲବ୍ଧ ନାହିଁ।</p>
    </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <div class="mt-12 bg-brand-blue/5 border border-brand-blue/20 rounded-lg p-8 text-center">
        <h3 class="text-lg font-black text-slate-900 font-odia mb-2">ଆହୁରି ପ୍ରଶ୍ନ ଅଛି?</h3>
        <p class="text-sm text-slate-500 font-odia mb-4">ଆମ ସହ ଯୋଗାଯୋଗ କରନ୍ତୁ।</p>
        <a href="<?php echo e(route('contact')); ?>" class="inline-flex items-center gap-2 bg-brand-blue text-white font-bold text-sm px-6 py-3 rounded-sm hover:bg-blue-700 transition-colors">
            <i class="fa-solid fa-envelope"></i> Contact Us
        </a>
    </div>
</main><?php /**PATH D:\02-my freelance\00-DR_Padhi\DR_PADHI\storage\framework/views/livewire/views/e7a65347.blade.php ENDPATH**/ ?>