@extends('layouts.main')

@section('content')
    <div class="position-relative">
        <div class="shape overflow-hidden text-light">
            <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
            </svg>
        </div>
    </div>
    <section class="section bg-ligh">
        <div class="container">
            <h2 class="text-primary text-center mb-0">F.A.Q</h2>
            <p class="m-0 text-secondary text-center mb-5">Frequently Ask Question</p>
            <div class="row">
                <div class="col">
                    <div class="accordion mt-4 pt-2" id="buyingquestion">
                        <div class="accordion-item rounded">
                            <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button border-0 bg-light" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    Apa itu SIPERMATA ?
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse border-0 collapse show"
                                aria-labelledby="headingOne" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    SIPERMATA adalah aplikasi penerimaan kunjungan tamu berbasis web yang ditujukan untuk
                                    pengguna layanan audiensi/public hearing, rapat koordinasi, dan berbagai kunjungan
                                    lainnya yang ditujukan kepada DPRD dan Sekretariat DPRD Kota Tasikmalaya.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingTwo">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false"
                                    aria-controls="collapseTwo">
                                    Apa tujuan SIPERMATA ?
                                </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse border-0 collapse" aria-labelledby="headingTwo"
                                data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Mempermudah tamu untuk mengajukan kunjungan, verifikasi hingga mendapatkan tanggal pasti
                                    untuk kegiatan kunjungan yang dimaksud.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingThree">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false"
                                    aria-controls="collapseThree">
                                    Siapa saja yang bisa melakukan kunjungan/keperluan ke DPRD atau Sekretariat DPRD?
                                </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingThree" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Masyarakat umum, organisasi, pemerintahan, perusahaan atau siapapun bisa melakukan
                                    kunjungan ke DPRD atau Sekretariat DPRD selama tujuan kunjungan sesuai dengan tugas dan
                                    fungsi DPRD atau Sekretariat DPRD.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Apakah ada jaminan kunjungan saya bisa diterima?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingFour" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    DPRD dan Sekretariat DPRD Kota Tasikmalaya selalu mengusahakan untuk menerima kunjungan
                                    yang masuk, terkait perubahan jadwal apabila terdapat kegiatan yang tidak bisa
                                    ditinggalkan DPRD dan Sekretariat DPRD akan diinfokan kepada pihak terkait secepatnya.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Apa yang harus saya lakukan jika permohonan saya ditolak?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingFour" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Menghubungi pihak Sekretariat DPRD untuk mendapatkan konfirmasi terkait penolakan
                                    permohonan kunjungan.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Kunjungan apa saja yang bisa dilakukan di DPRD dan Sekretariat DPRD?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingFour" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Audiensi/public hearing, rapat koordinasi, dan berbagai kunjungan lainnya yang ditujukan
                                    kepada DPRD dan Sekretariat DPRD Kota Tasikmalaya.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Apa syarat mengajukan kunjungan di DPRD dan Sekretariat DPRD?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingFour" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Mempunyai akun, dan mengisi format permohonan yang sesuai dengan ketentuan di SIPERMATA,
                                    pastikan untuk mengunggah surat permohonan dalam bentuk pdf.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Dimana lokasi kegiatan yang akan kami lakukan?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingFour" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Di lingkungan DPRD dan Sekretariat DPRD, terkait lokasi yang lebih spesifik akan di
                                    informasikan kembali setelah permohonan kunjungan sudah diverifikasi.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Bagaimana kebijakan kunjungan di DPRD dan Sekretariat DPRD Kota Tasikmalaya?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingFour" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Mematuhi protokol kesehatan COVID-19 dan melaksanakan SOP kunjungan tamu yang berlaku.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded mt-2">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button border-0 bg-light collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Apa yang harus saya lakukan jika saya tidak menerima informasi penerimaan kunjungan?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse border-0 collapse"
                                aria-labelledby="headingFour" data-bs-parent="#buyingquestion">
                                <div class="accordion-body text-muted bg-white">
                                    Menghubungi pihak Sekretariat DPRD untuk mendapatkan informasi terkait permohonan
                                    kunjungan yang dimaksud.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="position-relative">
        <div class="shape overflow-hidden text-footer">
            <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
            </svg>
        </div>
    </div>

    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-12 mb-0 mb-md-4 pb-0 pb-md-2">
                    <a href="#" class="logo-footer">
                        <img src="{{ asset('assets') }}/images/logo-dprd.png" height="60" alt="">
                    </a>
                    <p class="mt-4 mb-0">Jl. RE. Martadinata No.334 Kota Tasikmalaya, Provinsi Jawa Barat.</p>
                    <p class="mt-0">Telp. (0265) 313094</p>
                    <p class="mt-0"><a href="mailto:dprdkotatasikmalaya@gmail.com"
                            style="color: #adb5bd;">dprdkotatasikmalaya@gmail.com</a></p>
                    <ul class="list-unstyled social-icon foot-social-icon mb-0 mt-4">
                        <li class="list-inline-item"><a href="https://www.instagram.com/info.dprdkotatasikmalaya/"
                                class="rounded"><i data-feather="instagram" class="fea icon-sm fea-social"></i></a></li>
                        <li class="list-inline-item"><a href="https://twitter.com/DPRDKotaTasik" class="rounded"><i
                                    data-feather="twitter" class="fea icon-sm fea-social"></i></a></li>
                        <li class="list-inline-item"><a href="https://www.youtube.com/DPRDKotaTasikmalaya"
                                class="rounded"><i data-feather="youtube" class="fea icon-sm fea-social"></i></a></li>
                    </ul>
                </div>

                <div class="col-lg-2 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
                    <h5 class="text-light footer-head">Company</h5>
                    <ul class="list-unstyled footer-list mt-4">
                        <li><a href="page-aboutus.html" class="text-foot"><i class="uil uil-angle-right-b me-1"></i>
                                About us</a></li>
                        <li><a href="page-services.html" class="text-foot"><i class="uil uil-angle-right-b me-1"></i>
                                Services</a></li>
                        <li><a href="page-team.html" class="text-foot"><i class="uil uil-angle-right-b me-1"></i>
                                Team</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
                    <h5 class="text-light footer-head">Link Terkait</h5>
                    <ul class="list-unstyled footer-list mt-4">
                        <li><a href="https://dprd-tasikmalayakota.go.id/" class="text-foot"><i
                                    class="uil uil-angle-right-b me-1"></i> DPRD Kota Tasikmalaya</a></li>
                        <li><a href="https://jdih.tasikmalayakota.go.id/" class="text-foot"><i
                                    class="uil uil-angle-right-b me-1"></i> JDIH</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
                    <h5 class="text-light footer-head">Newsletter</h5>
                    <p class="mt-4">Sign up and receive the latest tips via email.</p>
                    <!-- <form>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="foot-subscribe mb-3">
                                                <label class="form-label">Write your email <span class="text-danger">*</span></label>
                                                <div class="form-icon position-relative">
                                                    <i data-feather="mail" class="fea icon-sm icons"></i>
                                                    <input type="email" name="email" id="emailsubscribe" class="form-control ps-5 rounded" placeholder="Your email : " required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="d-grid">
                                                <input type="submit" id="submitsubscribe" name="send" class="btn btn-soft-primary" value="Subscribe">
                                            </div>
                                        </div>
                                    </div>
                                </form> -->
                </div>
            </div>
        </div>
    </footer>
    <footer class="footer footer-bar">
        <div class="container text-center">
            <div class="row align-items-center">
                <div class="col-sm-6">
                    <div class="text-sm-start">
                        <p class="mb-0">©
                            <script>
                                document.write(new Date().getFullYear())
                            </script> Sipermata. <a href="https://dprd-tasikmalayakota.go.id/"
                                target="_blank" class="text-reset">DPRD Kota Tasikmalaya</a>.
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </footer>

    <a href="#" onclick="topFunction()" id="back-to-top" class="btn btn-icon btn-primary back-to-top"><i
            data-feather="arrow-up" class="icons"></i></a>
@endsection