@if(isset($faqCategories) && $faqCategories->count() > 0)
<!-- START FAQ SECTION -->
<section class="adm-team-sec sec-py">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 mx-auto text-center">
                <div class="sec-title">
                    <strong>Questions</strong>
                </div>
                @foreach($faqCategories as $faqCategory)
                <div class="sec-title" style="margin-top:20px">
                    <h2 class="text-dark">{!! $faqCategory->name !!}</h2>
                </div>
                <div class="accordion discover-accordion accordion-gray" id="{!! $faqCategory->name !!}Accordion">
                    @if($faqCategory->faqs->count() > 0)
                    @foreach($faqCategory->faqs()->where('is_active',1)->orderBy('sort_order')->get() as $faqs)
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq{!! $faqs->id !!}" aria-expanded="false"
                            aria-controls="faq{!! $faqs->id !!}">{!! $faqs->question !!}</button>
                        </h2>
                        <div id="faq{!! $faqs->id !!}" class="accordion-collapse collapse" data-bs-parent="#{!! $faqCategory->name !!}Accordion">
                            <div class="accordion-body pt-0">
                                <p>{!! $faqs->answer !!}</p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    @endif
                </div>
                @endforeach
            </div>
        </div>
    </div>
</section>
<!-- END ACCORDION SECTION -->
@endif