@extends('website.layouts.app')
@section('title',__('titles.faqs'))

@section('content')
@include('website.layouts.breadcumb',['title' => __('titles.faqs')])

 <!-- FAQ Section Area -->
 <section class="our-faq pb90 pt-5">
    <div class="container">
      <div class="row wow fadeInUp" data-wow-delay="300ms">
        <div class="col-lg-12">
          <div class="ui-content">

            <div class="accordion-style1 faq-page mb-4 mb-lg-5">
              <div class="accordion" id="accordionExample">

                @if (! empty($result['items']) && count($result['items']) > 0)
                @php
                    $i=0;
                @endphp
                @foreach ($result['items'] as $item )
                <div class="accordion-item {{ $i == 0 ?'active' : '' }}">
                    <h2 class="accordion-header" id="heading{{ $i }}">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                      data-bs-target="#collapse{{ $i }}" aria-expanded="false" aria-controls="collapse{{ $i }}"> {{ $item->title }}</button>
                    </h2>
                    <div id="collapse{{ $i }}" class="accordion-collapse collapse {{ $i == 0 ? 'show' : '' }} "
                    aria-labelledby="heading{{ $i }}" data-parent="#accordionExample">
                      <div class="accordion-body">
                        <p>
                            {!!  $item->description !!}</p>
                        </div>
                    </div>
                  </div>
                  @php
                  $i++;
              @endphp

                @endforeach

              @endif

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


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


@endsection