{% extends "base.html" %}

{% block title %}FAQ{% endblock %}

{% block content %}
<div class="container my-4">
    <h1 class="display-4 text-center">Frequently Asked Questions</h1>
    <p class="lead text-center">Kumpulan pertanyaan terkait penggunaan web prediksi kematangan dan kualitas tomat.</p>
    <hr>
    <div class="accordion" id="faqAccordion">
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingOne">
                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    Bagaimana cara mengklasifikasikan tomat menggunakan kamera?
                </button>
            </h2>
            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    <strong>1. Pertama, berada pada halaman home.<br>
                    2. Klik pada tombol Prediksi AI (halaman akan dialihkan pada halaman prediksi).<br>
                    3. Selanjutnya, arahkan kamera ke arah objek tomat".<br>
                    4. Kemudian klik tombol ambil gambar.<br>
                    5. Setelah itu, gambar akan dimuat oleh sistem.<br>
                    6. Terakhir, hasil prediksi akan muncul.</strong>
                </div>
            </div>
        </div>
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingTwo">
                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                    Bagaimana cara mengunggah gambar tomat untuk analisis?
                </button>
            </h2>
            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    <strong>1. Pertama, berada pada halaman home.<br>
                    2. Klik pada tombol Prediksi AI (halaman akan dialihkan pada halaman prediksi).<br>
                    3. Selanjutnya, silahkan klik "Pilih File".<br>
                    4. Kemudian pilih gambar yang akan dianalisis.<br>
                    5. Setelah itu, gambar akan dimuat oleh sistem.<br>
                    6. Terakhir, klik tombol "Upload and Predict".</strong>
                </div>
            </div>
        </div>
        
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingThree">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    Jenis gambar apa yang dapat pengguna unggah untuk dianalisis?
                </button>
            </h2>
            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    <strong>Pengguna dapat mengunggah gambar dalam format .jpg, .jpeg, atau .png untuk dianalisis.</strong>
                </div>
            </div>
        </div>
        
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingFour">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                    Berapa lama waktu yang dibutuhkan untuk mendapatkan hasil prediksinya?
                </button>
            </h2>
            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    <strong>Hasil prediksi tersedia dalam maksimal 7 detik setelah gambar diunggah.</strong>
                </div>
            </div>
        </div>
        
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingFive">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                    Apa yang harus pengguna lakukan jika tidak mendapatkan hasil prediksi?
                </button>
            </h2>
            <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    <strong>Pengguna harus memastikan bahwa gambar yang diunggah telah sesuai dengan format yang telah ditentukan.</strong>
                </div>
            </div>
        </div>
        
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingSix">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                    Apakah pengguna perlu membuat akun untuk menggunakan layanan prediksi AI ini?
                </button>
            </h2>
            <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    <strong>Dalam penggunaan layanan prediksi AI ini tidak perlu membuat akun atau melakukan registrasi terlebih dahulu.</strong>
                </div>
            </div>
        </div>
        
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingSeven">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                    Seberapa akurat hasil prediksi kematangan dan kesegaran tomat?
                </button>
            </h2>
            <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    <strong>Prediksi AI ini memiliki tingkat akurasi tinggi berdasarkan dataset pelatihan yang luas. Namun, hasil prediksi tetap bergantung pada kualitas gambar yang diunggah. Untuk memastikan tingkat kematangan dan kesegaran tomat secara langsung, disarankan melakukan pengecekan manual berdasarkan warna, tekstur, dan aroma.</strong>
                </div>
            </div>
        </div>
        
    </div>
</div>

{% endblock %}