@extends('frontend.v2.layout.app')

@section('content')
<div class="container py-5">
    <h2 class="mb-4 text-center">Frequently Asked Questions</h2>
    
    <div class="accordion" id="faqAccordion">

        {{-- Question 1 --}}
        <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">
                    What is the duration of each course?
                </button>
            </h2>
            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                 data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    The duration varies depending on the course. Most courses run between 2 to 6 months. Check the course details for specific duration.
                </div>
            </div>
        </div>

        {{-- Question 2 --}}
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingTwo">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    Do I get a certificate after completion?
                </button>
            </h2>
            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                 data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Yes, a digital certificate will be issued to all students who successfully complete the course and final assessment.
                </div>
            </div>
        </div>

        {{-- Question 3 --}}
        <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">
                    What payment methods are accepted?
                </button>
            </h2>
            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                 data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    We accept bKash, Rocket, Nagad, bank transfers, and credit/debit cards for payment.
                </div>
            </div>
        </div>

        {{-- Question 4 --}}
        <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">
                    Is there any refund policy?
                </button>
            </h2>
            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                 data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Refunds are only available within 7 days of enrollment if no course materials have been accessed.
                </div>
            </div>
        </div>

        {{-- Question 5 --}}
        <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">
                    How can I contact support?
                </button>
            </h2>
            <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                 data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    You can reach us via our <a href="{{ route('contact') }}">Contact Page</a> or email us at <strong>support@example.com</strong>.
                </div>
            </div>
        </div>

    </div>
</div>
@endsection