@extends('frontend.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection

@section('content')

    <div class="faq-container" data-aos="fade-up" data-aos-duration="1000">
        <h2 class="faq-heading text-black" data-aos="fade-down" data-aos-delay="100" style="font-family: 'Poppins', sans-serif;">Frequently Asked Questions</h2>

        <div class="accordion" id="faqAccordion"  style="font-family: 'Poppins', sans-serif;">
            <!-- Question 1 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="150">
                <h2 class="accordion-header" id="q1">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#a1" aria-expanded="true" aria-controls="a1">
                        What is the fee structure?
                    </button>
                </h2>
                <div id="a1" class="accordion-collapse collapse show" aria-labelledby="q1" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        The fee structure varies by grade and location. Please contact the campus for details.
                    </div>
                </div>
            </div>

            <!-- Question 2 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="200">
                <h2 class="accordion-header" id="q2">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a2" aria-expanded="false" aria-controls="a2">
                        What is the difference between Admission and Security deposit fee?
                    </button>
                </h2>
                <div id="a2" class="accordion-collapse collapse" aria-labelledby="q2" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Admission fee is non-refundable. Security deposit is refundable under specific terms.
                    </div>
                </div>
            </div>

            <!-- Question 3 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="250">
                <h2 class="accordion-header" id="q3">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a3">
                        What is the registration fee, and how can it be paid?
                    </button>
                </h2>
                <div id="a3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        The registration fee is a one-time charge and can be paid via bank deposit or online payment.
                    </div>
                </div>
            </div>

            <!-- Question 4 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="300">
                <h2 class="accordion-header" id="q4">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a4">
                        What is the late fee fine after due date?
                    </button>
                </h2>
                <div id="a4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        A late fee is charged per day after the due date. Contact admin for current rates.
                    </div>
                </div>
            </div>

            <!-- Question 5 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="350">
                <h2 class="accordion-header" id="q5">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a5">
                        What happens if a challan expires?
                    </button>
                </h2>
                <div id="a5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        An expired challan must be reissued from the college office for payment.
                    </div>
                </div>
            </div>

            <!-- Question 6 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="400">
                <h2 class="accordion-header" id="q6">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a6">
                        What are the available options for fee payment other than a bank deposit?
                    </button>
                </h2>
                <div id="a6" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Online transfers and mobile banking are also accepted. Contact your branch for details.
                    </div>
                </div>
            </div>

            <!-- Question 7 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="450">
                <h2 class="accordion-header" id="q7">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a7">
                        Can I pay the college fee directly to the college in the form of cash?
                    </button>
                </h2>
                <div id="a7" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        No, fees are only accepted through designated banks or online channels.
                    </div>
                </div>
            </div>

            <!-- Question 8 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="500">
                <h2 class="accordion-header" id="q8">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a8">
                        How is tuition fee charged, monthly or bi-monthly?
                    </button>
                </h2>
                <div id="a8" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Tuition fees are usually charged bi-monthly.
                    </div>
                </div>
            </div>

            <!-- Question 9 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="550">
                <h2 class="accordion-header" id="q9">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a9">
                        Where can we buy the uniform?
                    </button>
                </h2>
                <div id="a9" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Uniforms are available at approved vendors listed by the college.
                    </div>
                </div>
            </div>

            <!-- Question 10 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="600">
                <h2 class="accordion-header" id="q10">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a10">
                        Does Aliz College provide transportation service?
                    </button>
                </h2>
                <div id="a10" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Yes, it can be provided by college as per demand/need.
                    </div>
                </div>
            </div>

            <!-- Question 11 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="650">
                <h2 class="accordion-header" id="q11">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a11">
                        Is there any hostel/dorm facility provided by The ALIZ College?
                    </button>
                </h2>
                <div id="a11" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Currently, hostel facilities are not offered.
                    </div>
                </div>
            </div>

            <!-- Question 12 -->
            <div class="accordion-item" data-aos="zoom-in" data-aos-delay="700">
                <h2 class="accordion-header" id="q12">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a12">
                        Do The ALIZ College students go on international trips?
                    </button>
                </h2>
                <div id="a12" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Yes, international trips are arranged as part of academic enrichment.
                    </div>
                </div>
            </div>

        </div>

        <div class="contact-box" data-aos="fade-up" data-aos-delay="750">
            <h4 class="mb-5 text-black" data-aos="zoom-in" data-aos-delay="800" style="font-family: 'Poppins', sans-serif;">Still have a question?</h4>
            <a href="{{route('contactUs')}}" class="contact-btn" data-aos="flip-up" data-aos-delay="850" style="font-family: 'Poppins', sans-serif;">Contact Us</a>
        </div>
    </div>

@endsection

@push('footer-scripts')
    <script src="{{asset('assets/frontend/js/bootstrap.bundle.min.js')}}"></script>
@endpush