@extends('layouts.app')

@section('content')
<div class="page-content container-fluid">
  <div class="row">
    <div class="col-xl-3 col-md-4">
      <div class="panel">
        <div class="panel-body">
          <h3>Relatórios</h3>
          <div class="list-group faq-list" role="tablist">
            <!-- <a class="list-group-item active" data-toggle="tab" href="#usuarios" aria-controls="usuarios" role="tab" aria-selected="true">Usuários</a> -->
            <a class="list-group-item active" data-toggle="tab" href="#pacientes" aria-controls="pacientes" role="tab" aria-selected="false">Pacientes</a>
            <a class="list-group-item" data-toggle="tab" href="#entradas" aria-controls="entradas" role="tab" aria-selected="false">Entradas</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-9 col-md-8">
      <div class="panel">
        <div class="panel-body">
          <div class="tab-content">
            <div class="tab-pane animation-fade" id="usuarios" role="tabpanel">
              <div class="panel-group panel-group-simple panel-group-continuous" id="accordion2" aria-multiselectable="true" role="tablist">
                <div class="panel">
                  <div class="panel-collapse collapse show" id="answer-1" aria-labelledby="question-1" role="tabpanel">
                    <div class="panel-body">
                      <h1>Usuários</h1>
                      
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="tab-pane animation-fade active" id="pacientes" role="tabpanel">
              <div class="panel-group panel-group-simple panel-group-continuous" id="accordion2" aria-multiselectable="true" role="tablist">
                <div class="panel">
                  <div class="panel-collapse collapse show" id="answer-1" aria-labelledby="question-1" role="tabpanel">
                    <div class="panel-body">
                      <h1>Pacientes</h1>
                      <form action="{{route('relatorio.pacientes')}}" method="post">
                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                        <button class="btn btn-success" type="submit">Gerar Relatório</button>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="tab-pane animation-fade" id="entradas" role="tabpanel">
              <div class="panel-group panel-group-simple panel-group-continuous" id="accordion2" aria-multiselectable="true" role="tablist">
                <div class="panel">
                  <div class="panel-collapse collapse show" id="answer-1" aria-labelledby="question-1" role="tabpanel">
                    <div class="panel-body">
                      <h1>Entradas</h1>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection