@extends('layout')
@section('main_title','FAQ')
@section('title','FAQ')
@section('breadcrumb','FAQ')
@section('content')
     <div class="row">
      <div class="col-12" id="accordion">
          @if(!empty($faqs))
          @foreach($faqs as $faq)
         <div class="card card-primary card-outline">
            <a class="d-block w-100" data-toggle="collapse" href="#collapseOne{{$faq->id}}">
               <div class="card-header">
                  <h4 class="card-title w-100">
                     {{$faq->question}}
                  </h4>
               </div>
            </a>
            <div id="collapseOne{{$faq->id}}" class="collapse" data-parent="#accordion">
               <div class="card-body">
                  {{$faq->answer}}
               </div>
            </div>
         </div>
         @endforeach
         @endif
      </div>
   </div> 
@endsection