@extends('layouts.app')

@section('content')
    <x-menu></x-menu>

    <!-- Start Section -->
    <section class="section pt-40">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <h2 class="section__heading section__heading-center">Preguntas Frecuentes</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="accordion" id="faq">
                        @foreach($faqs as $key => $faq)
                            <div class="accordion__group">
                                <button class="accordion__link collapsed" type="button" data-toggle="collapse" data-target="#collapse-{{$key}}" aria-expanded="true" aria-controls="collapse-{{$key}}">
                                    {{ $faq->title }}
                                </button>
                                <div id="collapse-{{$key}}" class="collapse accordion__collapse" aria-labelledby="headingOne" data-parent="#faq">
                                    <div class="card-body">
                                        {!! $faq->description !!}
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Section -->

    <x-banner></x-banner>

@endsection