@extends('layout.base')

@section('page_content')
  <div id="faq">
    <div class="ui container">
      <div class="ui header">
        FAQ's
      </div>
      <div class="ui accordion">
        @foreach ($faqs as $faq)
          <div class="title">
            <i class="dropdown icon"></i>
            {{$faq->titulo}}
          </div>
          <div class="content">
            <p>
              {!!nl2br($faq->contenido)!!}
            </p>
          </div>
        @endforeach
      </div>
    </div>
  </div>
@endsection

@push('styles')
  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/faqs.css" />
@endpush

@push('scripts')
  <script type="text/javascript">
    $(document).ready(() => {
      $('#faq .accordion').accordion()
    })
  </script>
@endpush