@php

$faqs = App\Models\Faq::latest()->limit(4)->get();

@endphp

<section class="faq">
    <div class=" container">
      <h2 class="faq-heading">FREQUENTLY ASKED QUESTIONS</h2>

      <div class="accordion" id="accordionExample">

        @foreach ($faqs as $faq)
        <div class="accordion-item">
          <h2 class="accordion-header">
              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $faq->id }}" aria-expanded="true" aria-controls="collapse{{ $faq->id }}">
                  {{ $faq->question }}
              </button>
          </h2>
          <div id="collapse{{ $faq->id }}" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
              <div class="accordion-body">
                  {!! $faq->question_answer !!}
              </div>
          </div>
      </div>
        @endforeach
     

        {{-- <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Lorem Ipsum is simply dummy text.
            </button>
          </h2>
          <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy text ever <br> since the 1500s, when an unknown printer
  
            </div>
          </div>
        </div> --}}


        {{-- <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
              Lorem Ipsum is simply dummy.
            </button>
          </h2>
          <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy text ever <br> since the 1500s, when an unknown printer
  
            </div>
          </div>
        </div> --}}
{{-- 
        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Lorem Ipsum is simply dummy text of the printing
            </button>
          </h2>
          <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy text ever <br> since the 1500s, when an unknown printer
  
            </div>
          </div>
        </div> --}}

        {{-- <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Lorem Ipsum is simply.
            </button>
          </h2>
          <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy text ever <br> since the 1500s, when an unknown printer
  
            </div>
          </div>
        </div> --}}


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