@extends('app.base')
@section('content')
    <!-- App Header -->
    <div class="appHeader bg-primary text-light">
        <div class="left">
            <a href="#" onclick="history.back()" class="headerButton">
                <ion-icon name="chevron-back-outline"></ion-icon>
            </a>
        </div>
        <div class="pageTitle">
            <img src="{{ url('app/assets/img/bode1.png') }}" height="30"> Perguntas Frequêntes <img src="{{ url('app/assets/img/bode2.png') }}" height="30">
        </div>
        <div class="right" id="favorito">

        </div>
    </div>


    <!-- App Capsule -->
    <div id="appCapsule">
        <div class="accordion" id="accordionExample3">
            @foreach ($perguntas as $pergunta)
                <div class="item">
                    <div class="accordion-header">
                        <button class="btn" type="button" data-toggle="collapse" data-target="#accordion003">
                            <ion-icon name="chatbox-ellipses-outline"></ion-icon>
                            {{ $pergunta->titulo }}
                        </button>
                    </div>
                    <div id="accordion003" class="accordion-body collapse show" data-parent="#accordionExample3">
                        <div class="accordion-content">
                            {!! $pergunta->descricao !!}
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <!-- * App Capsule -->
@endsection
@section('js')

@endsection
