@extends('layouts.front_master')
@section('content')
<section id="faq" class="faq section-bg">
    <div class="container" data-aos="fade-up">

      <div class="section-title">
        <h2>Frequent Asked Questions</h2><hr>
      </div>

      <ul class="faq-list" data-aos="fade-up" data-aos-delay="100">

        @if($faqs->count() != 0)
        
          @foreach ($faqs as $item)

          <li>
            <a data-toggle="collapse" class="collapse" href="#faq{{$item->id}}">{{$item->question}} <i class="icofont-simple-up"></i></a>
            <div id="faq{{$item->id}}" class="collapse hide" data-parent=".faq-list">
              <p>
                {!! $item->answer !!}
              </p>
            </div> 
          </li>
           
          @endforeach
          
        
        @else
        <div class="text-center text-info">
          <p class="most" style="font-size:18px; font-family:Roboto;">Welcome to TPHA Frequent Asked Questions where viewers will be able to view questions which are frequently asked by viewers.</p>
        </div>
        @endif

      </ul>

    </div>
  </section>
@endsection