{% extends 'base_relatorio.html.twig' %}

{% block title %}Gerenciar Diárias
{% endblock %}

{% block body %}






    <!-- Main content -->
    <section class="content">

        <div class="card">
            <div class="card-header">

                <div class="container-fluid text-center  ">
                    <h1>ACESSO A INFORMAÇÃO</h1>
                    <p>Em Atendimento a Lei Nº 12.527, de 18 de Novembro de 2011</p>
                    <h2>MOVIMENTAÇÃO DA CONTA BANCÁRIA</h2>
                </div>
            </div>
                <div class="card-body">
                    
                    <table class="table table-bordered table-striped table-hover table-sm">
                        <thead>
                            <tr>
                                <th>ANO</th>
                                <th>MÊS</th>
                                <th>AGÊNCIA</th>
                                <th>CONTA</th>
                                <th>ENTRADA</th>
                                <th>SAÍDA</th>
                                <th>SALDO INICIAL</th>
                                <th>SALDO FINAL</th>
                                <th>FINALIDADE</th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ conta.ano }}</td>
                                <td>{{ conta.mes }}</td>
                                <td>{{ conta.agencia }}</td>
                                <td>{{ conta.conta }}</td>
                                <td>{{ conta.entrada }}</td>
                                <td>{{ conta.saida }}</td>
                                <td>{{ conta.saldoInicial }}</td>
                                <td>{{ conta.saldoFinal }}</td>
                                <td>{{ conta.descricao }}</td>

                            </tr>
                        </tbody>
                    </table>    
                                <hr>
                                
                                
                    <table class="table table-bordered table-striped table-hover table-sm">
                        <thead>
                            <tr>
                                <th>DATA</th>
                                <th>TIPO</th>
                                <th>VALOR</th>
                                <th>DESCRIÇÃO</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in contas %}
                                <tr>
                                    <td>{{ item.data ? item.data|date('d/m/Y') : '' }}</td>
                                    <td>{{ item.tipo }}  {{ item.tipoDescricao }}</td>
                                    <td>{{ item.valor }}</td>
                                    <td>{{ item.descricao }}</td>
                                </tr>
                            {% else %}
                                <tr aria-hidden="true">
                                    <td colspan="4">NENHUM REGISTRO ENCONTRADO</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
        </div>
    </section>


{% endblock %}