@{
    ViewData["Title"] = "FAQ";
}

@section Style {
    <link rel="stylesheet" href="~/css/Faq.css" asp-append-version="true" />
}
<section class="faq-section">
    <div class="container text-center">

        <div class="mb-3">
            <span class="faq-badge">FAQ</span>
        </div>

        <h2 class="faq-title mb-5">Frequently Asked Questions</h2>

        <div class="faq-tab item-center">
            <button class="tab active" data-tab="umum">Pertanyaan Umum</button>
            <button class="tab" data-tab="khusus">Pertanyaan Teknis</button>
        </div>

        <div class="faq-content">

            <div class="faq-pane active" id="umum">

                <div class="faq-wrapper mx-auto">

                    <div class="faq-item active">
                        <div class="faq-header">
                            <h5>Bagaimana Cara Pembuatan akun di Sibolink?</h5>
                            <div class="faq-icon">−</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Buka lablingkungan.jakarta.co.id.  Pilih menu register. Pelanggan diharapkan menyiapkan Surat Kuasa dari perusahaan dan KTP PIC yang ditunjuk.
                                Admin LLHD akan memverifikasi permohonan pembuatan akun pelangggan. Tutorial pembuatan akun dapat diakses pada https://www.youtube.com/watch?v=KIB0Q2gvLKw
                            </p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>Bagaimana Pengajuan Pengujian Air di LLHD?</h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <h6>Pengantaran Sampel Air</h6>
                            <p>
                                Login akun di website lablingkungan.jakarta.co.id. Pilih Menu
                            </p>

                            <ul class="list">
                                <li>
                                    Pengajuan Air untuk pengantaran sampel/contoh uji ke LLHD
                                </li>
                                <li>
                                    Pengajuan Sampling Air untuk pengambilan contoh uji/sampling air (harus dengan kesepakatan dengan PIC LLHD)

                                </li>
                                <li>
                                    Pengajuan Udara untuk pengambilan contoh uji dan pengujian udara

                                </li>
                            </ul>

                            <p>
                                Kemudian Input data sesuai kebutuhan pelanggan dan tanggal pelaksanaan, kemudian klik submit. Tutorial pengajuan pengujian akun dapat diakses pada https://www.youtube.com/watch?v=wO3abCNqqUU.
                            </p>

                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Bagaimana pemilihan tipe pengajuan ?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Pelanggan dapat menyesuaikan dengan dokumen lingkungan masing-masing/arahan dari Bidang Pengawasan dan Penaatan Hukum (PPH) DLH dan memilih sesuai yang tertera pada sistem sibolink. Apabila ada penambahan parameter dapat menambahkan dengan mimilih *custom*. Khusus untuk PermenLH 11 Tahun 2025 dapat melihat panduan berikut. (terlampir pohon PermenLH 11 Th 2025)
                            </p>

                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Kapan waktu maksimal pengajuan pengujian contoh uji ?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Pengajuan pengantaran contoh uji bisa dilakukan H-15 s/d H-1 pengantaran sampel ke LLHD. Sedangkan pengambilan contoh uji/sampling oleh LLHD bisa dilakukan H-30 hari Kalender atau setelah konfirmasi penjadwalan sampling.
                                Th 2025)
                            </p>

                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Kapan Laporan Hasil Uji (LHU) terbit ?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                LHU terbit kurang lebih 9 hari kerja setelah proses pengiriman sampel/pengambilan sampel pada masing-masing akun pelanggan yang melakukan pengajuan pengujian.
                            </p>

                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Bagaimana mekanisme pembayaran ?

                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Pembayaran dilakukan setelah pengiriman sampel/sampling dilakukan melalui beberapa opsi pembayaran yang terlampir pada saat penerbitan SSRD (Surat Setoran Resmi Daerah).

                            </p>

                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Apa yang perlu dibawa saat pengantaran sampel ?


                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Untuk sampel yang diantar ke LLHD, PIC Perusahaan yang mengirimkan sampel harus membawa surat pengantar dari perusahaan yang menjelaskan bahwa orang tersebut adalah perwakilan dari perusahaan yang bertugas mengirimkan sampel.
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Bagaimana mekanisme pengambilan botol steril ?

                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Pengambilan bisa dilakukan setelah melakukan pengajuan di website LLHD. Botol steril dapat di ambil di bagian pelayanan LLHD dengan menyampaikan nomor pengajuan perusahaan di website LLHD
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Apakah boleh membawa botol steril sendiri ?

                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Diperbolehkan, namun laboratorium tidak bertanggungjawab apabila ada kontaminan dari botol yang dibawa sendiri oleh pelanggan yang mungkin akan berpengaruh pada hasil pengujian, sehingga disarankan untuk menggunakan botol steril dari LLHD

                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Bagaimana pemilihan tipe pengajuan ?

                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Pelanggan dapat menyesuaikan dengan dokumen lingkungan masing-masing/arahan dari Bidang Pengawasan dan Penaatan Hukum (PPH) DLH dan memilih sesuai yang tertera pada sistem sibolink. Apabila ada penambahan parameter dapat menambahkan dengan mimilih *custom*. Khusus untuk PermenLH 11 Tahun 2025 dapat melihat panduan berikut. (terlampir pohon PermenLH 11 Th 2025)

                        </div>
                    </div>

                </div>

            </div>

            <div class="faq-pane" id="khusus">

                <div class="faq-wrapper mx-auto">

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Apakah PCU Air wajib dilakukan ?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Berdasarkan Permen LH No. 23 Tahun 2020, pengambilan contoh uji wajib dilakukan oleh laboratorium lingkungan, karena bagian integral dari proses pengujian, yang menentukan validitas, akurasi, ketertelusuran, ketidakberpihakan, dan menjamin keabsahan hasil uji laboratorium.
                            </p>
                        </div>
                    </div>


                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Apakah PCU/sampling air berbayar?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Ya, sampling/pengambilan contoh uji air merupakan layanan berbayar sesuai dengan Perda 1 Tahun 2024, yaitu 500.000 per titik sampling

                            </p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Bagaimana mekanisme/alur pengambilan contoh uji air ?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <ul class="list">
                                <li>
                                    Pelanggan melakukan permohonan pelaksanaan PCU ke LLHD melalui form/barcode pada website LLHD
                                </li>

                                <li>
                                    Apabila sudah ada kesepakatan tanggal, pelanggan segera melakukan pengajuan pada ‘PENGAJUAN SAMPLING AIR’ sesuai dengan tanggal kesepakatan
                                </li>

                                <li>
                                    Tim PCU Air akan datang ke Lokasi sampling dan mengisi BA PCU Air dan memberikan SSRD (Surat Setoran Retribusi Daerah) kepada pelanggan
                                </li>

                                <li>
                                    Pelanggan melakukan pembayaran pada hari yang sama dengan pelaksanaan sampling.
                                </li>

                                <li>
                                    Pencetakan SSRD dan ttd oleh PIC Perusahaan
                                </li>

                                <li>
                                    Petugas kembali ke Laboratorium dan hasil akan terbit pada akun masing-masing pelanggan.
                                </li>

                            </ul>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Bagaimana Pembayarannya?

                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Setelah pelaksanaan PCU/sampling petugas akan menyampaikan 2 jenis SSRD (SSRD pengambilan contoh uji dan SSRD Pengujian). Pembayaran dapat dilakukan melalui QRIS (dapat dilakukan dimana saja) dan beberapa opsi pembayaran lain yang terlampir pada SSRD yang HARUS dilakukan dihari yang sama.
                            </p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Apa yang perlu disiapkan oleh pelanggan?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Pelanggan harus memastikan keadaan IPAL/titik sampling dalam kondisi baik/siap sampling, terkait dengan peralatan seperti jerigen sudah disiapkan oleh LLHD. Selain itu surat pengantar dari perusahaan TIDAK diperlukan.
                            </p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Apakah setiap pengajuan sampling air mengisi form?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Pengisian form melalui barcode hanya dilakukan 1x per tahun untuk permohonan PCU dalam 1 tahun, untuk memudahkan konfirmasi pelaksanaan.
                            </p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-header">
                            <h5>
                                Apakah mengisi form sama dengan telah melakukan pengajuan sampling?
                            </h5>
                            <div class="faq-icon">+</div>
                        </div>
                        <div class="faq-body">
                            <p>
                                Belum, pengajuan sampling dilakukan melalui website pada menu ‘PENGAJUAN SAMPLING AIR’ setelah mendapat kesepakatan tanggal dengan tim LLHD.
                            </p>
                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>
</section>

<script>
    const tabs = document.querySelectorAll(".tab");
    const panes = document.querySelectorAll(".faq-pane");

    tabs.forEach(tab => {
        tab.addEventListener("click", () => {

            tabs.forEach(t => t.classList.remove("active"));
            tab.classList.add("active");

            panes.forEach(p => p.classList.remove("active"));

            document.getElementById(tab.dataset.tab).classList.add("active");
        });
    });

    const faqItems = document.querySelectorAll(".faq-item");

    faqItems.forEach(item => {
        const header = item.querySelector(".faq-header");

        header.addEventListener("click", () => {

            faqItems.forEach(i => {
                if (i !== item) {
                    i.classList.remove("active");
                    i.querySelector(".faq-icon").innerText = "+";
                }
            });

            item.classList.toggle("active");

            const icon = item.querySelector(".faq-icon");
            icon.innerText = item.classList.contains("active") ? "−" : "+";
        });
    });
</script>