@extends('frontend::layouts.master')

@php
$assetPath = 'frontend_assets';
$langCode = session('lang_code', 'en');
@endphp

<script>
    window.pageName = 'faq';
</script>

@section('content')
    <div class="container-fluid px-2 px-lg-5">
        <div class="main-header-bar">
            <a href="javascript:history.back()" class="back-btn">
                <img src="{{ asset($assetPath . '/icons/back.png') }}" alt="Back">
            </a>
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb" class="py-3">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item item-nav"><a href="{{ route('frontend.home') }}">Home</a></li>
                    <li class="breadcrumb-item item-nav active" aria-current="page">FAQ</li>
                </ol>
            </nav>
        </div>
    </div>

    <!--FAQ SECTION-->
   <section class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <h2 class="section-title mb-4">Frequently Asked Questions</h2>

            <div class="accordion accordion-flush" id="faqAccordion">

                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                            What is the return and refund policy?
                        </button>
                    </h2>
                    <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            We offer a 7-day return policy on eligible items. Products must be unused and in their original packaging. Once the returned item is received and inspected, a refund will be processed within 5–7 business days to your original payment method.
                        </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                            What payment methods are accepted?
                        </button>
                    </h2>
                    <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            We accept various payment methods including Credit/Debit Cards (Visa, Mastercard), Bank Transfers, and specialized credit terms for verified corporate partners.
                        </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                            How can I track my order?
                        </button>
                    </h2>
                    <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">
                            Once your order is shipped, you will receive a confirmation email with a tracking number. Use this number to follow your delivery status in real-time on our website or the courier's tracking page.
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
@endsection