@extends('layouts.site')

@section('content')
    <section id="" class="pagina-interna">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="box-conteudo">
                        <h1 class="titulo-internas">Perguntas e Respostas</h1>

                         <div>
                            <!--BOX PERGUNTAS E RESPOSTAS-->
                            <h2 class="heading-small">Veja algumas perguntas frequentes</h2>

                            <div id="accordion" class="accordion-padrao">
                                @foreach ($artigos as $index => $artigo)
                                    <div class="card">
                                        <div class="card-header" id="heading{{$artigo->id}}">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapse{{$artigo->id}}" aria-expanded="true" aria-controls="collapse{{$artigo->id}}">
                                                    {!! $artigo->title !!}
                                                </button>
                                            </h5>
                                        </div>

                                        <div id="collapse{{$artigo->id}}" class="collapse {{ $index == 0 ? 'show' : '' }}" aria-labelledby="heading{{$artigo->id}}" data-parent="#accordion">
                                            <div class="card-body">
                                                {!! $artigo->introtext !!}
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection