@extends('website.includes.layout')
@section('meta_title', $cms->meta_title ?? '')
@section('meta_keyword', $cms->meta_keyword ?? '')
@section('meta_description', $cms->meta_description ?? '')
@section('image', $cms->image ?? '')
@section('content') 

@include('website.sections.breadcumb', 
   ['heading' => $cms->heading,
   'pagename' => $cms->pagename,
   'breadcumb_image' => showImage($cms->image ?? '', $cms->image_webp ?? '')
   ]
) 

@if(!empty($faqs) && $faqs->count() > 0)
<section class="faq-acsnew py-5">
    <div class="container">
        <h2 class="section-title">{!! $home_settings->faq_heading ?? '' !!}</h2>

        <div class="faq-box">
            <div class="accordion" id="faqAccordion">

                @foreach($faqs as $index => $faq)
                    @php
                        $itemId = 'faqItem'.$index;
                        $collapseId = 'collapse'.$index;
                        $isFirst = $index === 0;
                    @endphp

                    <div class="accordion-item">
                        <h2 class="accordion-header" id="{{ $itemId }}">
                            <button class="accordion-button {{ $isFirst ? '' : 'collapsed' }}"
                                type="button"
                                data-bs-toggle="collapse"
                                data-bs-target="#{{ $collapseId }}">
                                {{ $faq->question }}
                            </button>
                        </h2>

                        <div id="{{ $collapseId }}"
                            class="accordion-collapse collapse {{ $isFirst ? 'show' : '' }}"
                            data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                {!! $faq->answer !!}
                            </div>
                        </div>
                    </div>
                @endforeach

            </div>
        </div>
    </div>
</section>
@endif

@if(!empty($banner))
@include('website.sections.banner', ['banner' => $banner])
@endif

@endsection