@if(count($faqs))
    <div class="mt-5 accordion-div">
        <div class="faq-heading">
            Frequently Asked Questions :
        </div>
        <div class="accordion" id="accordionExample">
            @foreach($faqs as $f)
                <div class="accordion-item {{$loop->iteration > 1 ? "mt-2" : ""}}">
                    <h2 class="accordion-header" id="accordian-header-{{$f->uid}}">
                        <button class="accordion-button {{$loop->iteration > 1 ? "collapsed" : ""}}" 
                                type="button" 
                                data-bs-toggle="collapse" 
                                data-bs-target="#collapse-{{$f->uid}}" 
                                aria-expanded="{{$loop->iteration == 1 ? "true" : "false"}}" 
                                aria-controls="collapse-{{$f->uid}}">
                        {{$loop->iteration}}. {{$f->question}}
                        </button>
                    </h2>
                    <div id="collapse-{{$f->uid}}" 
                            class="accordion-collapse collapse {{$loop->iteration == 1 ? "show" : ""}}" 
                            aria-labelledby="accordian-header-{{$f->uid}}" 
                            data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <strong>Answer: </strong> {{$f->answer}}
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        
    </div>
@endif