<section id="faq" class="faq-9 faq section light-background">
    <div class="container">
        <div class="row">
            <div class="col-lg-5" data-aos="fade-up">
                <h2 class="faq-title">Pertanyaan Umum (FAQ)</h2>
                <p class="faq-description">
                    Berikut adalah pertanyaan yang sering ditanyakan seputar layanan administrasi dan informasi
                    umum di Desa Pelem.
                </p>
                <div class="faq-arrow d-none d-lg-block" data-aos="fade-up" data-aos-delay="200">
                    {{-- SVG panah bisa diletakkan di sini jika ada --}}
                </div>
            </div>

            <div class="col-lg-7" data-aos="fade-up" data-aos-delay="300">
                <div class="faq-container">
                    @php
                        $faqs = [
                            [
                                'q' => 'Kapan jam pelayanan operasional di Kantor Desa Pelem?',
                                'a' =>
                                    'Kantor Desa Pelem melayani warga setiap hari kerja, Senin hingga Jumat, mulai pukul 08:00 hingga 15:00 WIB. Waktu istirahat pukul 12:00 - 13:00 WIB.',
                            ],
                            [
                                'q' => 'Bagaimana cara mengurus Surat Pengantar SKCK?',
                                'a' =>
                                    'Anda perlu datang ke kantor desa dengan membawa fotokopi KTP dan Kartu Keluarga. Petugas kami akan membantu membuatkan surat pengantar yang nantinya perlu Anda bawa ke Polsek.',
                            ],
                            [
                                'q' => 'Apa saja syarat untuk membuat Surat Keterangan Usaha (SKU)?',
                                'a' =>
                                    'Syaratnya cukup mudah: siapkan fotokopi KTP, fotokopi Kartu Keluarga, dan surat pengantar dari RT/RW setempat. Jelaskan juga jenis usaha yang Anda jalankan kepada petugas.',
                            ],
                            [
                                'q' => 'Saya ingin memperbarui data di Kartu Keluarga (KK), bagaimana prosedurnya?',
                                'a' =>
                                    'Untuk pembaruan data seperti penambahan anggota keluarga atau perubahan status, silakan bawa KK lama dan dokumen pendukung (misalnya, akta kelahiran anak atau buku nikah) ke kantor desa untuk diproses.',
                            ],
                            [
                                'q' => 'Bagaimana cara mendaftar untuk menerima Bantuan Sosial dari pemerintah?',
                                'a' =>
                                    'Pendaftaran program bantuan sosial biasanya dibuka pada periode tertentu. Pengumuman akan kami sampaikan melalui website ini, papan pengumuman desa, dan melalui ketua RT/RW. Pastikan data Anda valid.',
                            ],
                            [
                                'q' => 'Kemana saya harus melapor jika ada keluhan atau masukan untuk desa?',
                                'a' =>
                                    'Anda bisa datang langsung ke kantor desa pada jam kerja, menghubungi nomor layanan kami, atau menyampaikan aspirasi Anda melalui ketua RT/RW setempat. Kami sangat terbuka untuk setiap masukan.',
                            ],
                        ];
                    @endphp

                    @foreach ($faqs as $f)
                        <div class="faq-item {{ $f['active'] ?? false ? 'faq-active' : '' }}">
                            <h3>{{ $f['q'] }}</h3>
                            <div class="faq-content">
                                <p>{{ $f['a'] }}</p>
                            </div>
                            <i class="faq-toggle bi bi-chevron-right"></i>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
