@extends('frontend::layouts.master')

@section('content')
  <!-- ******************************** Content Part ******************************** -->
  <section class="white-terms-bg faq-bg">
    <div class="container">
 <div class="row">
   <div class="col-md-12 col-sm-12">
     <h2>Frequetly Asked Questions</h2>
    <div id="faq" role="tablist" aria-multiselectable="true">

      @foreach ($faqs as $faq)  
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="question{{ $faq->id }}">
          <h5 class="panel-title">
            <a class="collapsed" data-toggle="collapse" data-parent="#faq" href="#answer{{ $faq->id }}" aria-expanded="false" aria-controls="answerOne">
              {{ $faq->question }}
            </a>
          </h5>
        </div>
        <div id="answer{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="questionOne" aria-expanded="false" style="height: 0px;">
          <div class="panel-body">
            <p>{{ $faq->answer }}</p>
          </div>
        </div>
      </div>
      @endforeach



      
   


    </div>
</div>
 </div>
 </div>
</section>

@endsection