@extends('frontend::layouts.app')
@section('title', $metaTags['metaTitle'])
@section('description', $metaTags['metaDescription'])
@section('keywords', $metaTags['metaKeywords'])
@section('other_meta_tags')
    {!! $metaTags['otherMetaTags'] !!}
@endsection
@section('content')
    <div id="pageWrapper" class="FaqPage InnerPage">
        <section id="faqSec">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="lftB wow animate__fadeIn animate__animated">
                            <div class="title wow animate__fadeIn animate__animated">{!! $cms->title !!}</div>
                            {!! $cms->description !!}
                        </div>
                    </div>
                    @if ($faqs->isNotEmpty())
                        <div class="col-lg-12">
                            <div class="ritB wow animate__fadeIn animate__animated">
                                <div class="accordion" id="accr1">
                                    @foreach ($faqs as $faq)
                                        <div class="accordion-item">
                                            <div class="accordion-header" id="hd{{ $loop->iteration }}">
                                                <button
                                                    class="accordion-button{{ $loop->iteration == 1 ? '' : ' collapsed' }}"
                                                    type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#cd{{ $loop->iteration }}"
                                                    aria-expanded="{{ $loop->iteration == 1 ? 'true' : 'false' }}"
                                                    aria-controls="cd{{ $loop->iteration }}"
                                                    aria-label="{{ $faq->question }}">
                                                    {{ $faq->question }}
                                                </button>
                                            </div>
                                            <div id="cd{{ $loop->iteration }}"
                                                class="accordion-collapse collapse{{ $loop->iteration == 1 ? ' show' : '' }}"
                                                aria-labelledby="hd{{ $loop->iteration }}"
                                                data-bs-parent="#accr{{ $loop->iteration }}">
                                                <div class="accordion-body">
                                                    <p>{!! $faq->answer !!}</p>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </section>
    </div>
@endsection