@forelse($faqs as $key => $faq)
<div class="card">
    <div class="card-header" id="heading_{{$faq->id}}">
        <h5 class="mb-0">
            <button class="btn btn-link {{$key < 1 ? '' : 'collapsed'}}" data-toggle="collapse" data-target="#collapse_{{$faq->id}}" aria-expanded="{{$key < 1 ? 'true' : 'false'}}" aria-controls="collapse_{{$faq->id}}">{{$faq->question ?? ''}}
                <i class="fa fa-plus float-right" aria-hidden="true"></i>
                <i class="fa fa-minus float-right" aria-hidden="true"></i>
            </button>
        </h5>
    </div>
    <div id="collapse_{{$faq->id}}" class="collapse {{$key < 1 ? 'show' : ''}}"
    aria-labelledby="heading_{{$faq->id}}" data-parent="#accordion">
        <div class="card-body">{!! $faq->answer !!}</div>
    </div>
</div>
@empty
<div class="card">
    <div class="card-header" id="headingOne">
        <h5 class="mb-0">
            <button class="btn btn-link">No record found!</button>
        </h5>
    </div>
</div>
@endforelse