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

{% block title %}Gerenciar Abastecimento
{% endblock %}

{% block body %}

    <section class="content-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>ABASTECIMENTOS</h2>
        </div>
        <!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <form name="pesquisar" method="GET" action={{path('app_veiculo_abastecimento_publico')}}>
            <div class="card">
                <div class="card-header">

                    <div class="row">
                        <div clas="col ">
                            <label>Tipo</label>
                            <select name="tipo" class="form-control">
                                <option {% if filtro['tipo'] =='descricao'  %} SELECTED {% endif %} value='descricao'>Descrição</option>
                                <option {% if filtro['tipo'] =='placa'  %} SELECTED {% endif %} value='placa'>Placa</option>
                            </select>
                        </div>
                        <div clas="col">
                            <label>Descrição</label>
                            <input type="text" name="descricao" value='{{filtro['descricao']}}' class="form-control pesquisa">
                        </div>  
                        <div clas="col">
                            <span class="btn-pesquisa">
                                <button class="btn btn-primary">Pesquisar</button>
                                <button title="Limpar Pesquisa" class="btn btn-primary group-btn" onClick="teste()"><i class="fas fa-eraser"></i></button>
                                <button title="Visualizar Impressão" class="btn btn-default group-btn" onClick="immpressao('{{path('app_veiculo_abastecimento_publico',{'tipo':filtro['tipo'],'descricao':filtro['descricao'],'impressao':'1'} ) }}')" ><i class="fa fa-print" aria-hidden="true"></i> </button>
                                <button title="Exporta CSV" class="btn btn-default group-btn" onClick="immpressao('{{path('app_veiculo_abastecimento_publico',{'dataInicial':filtro['dataInicial'],'dataFinal':filtro['dataFinal'],'tipo':filtro['tipo'],'descricao':filtro['descricao'],'impressao':'1','excel':'1'} ) }}')" ><i class="fa fa-file-excel" aria-hidden="true"></i></i> </button>
                            </span>
                        </div>                    
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-striped table-hover table-sm">
                        <thead>
                            <tr>
                                    <th>Condutor</th>
                                    <th>Data</th>
                                    <th>Qtd</th>
                                    <th>ValorUnit</th>
                                    <th>ValorTotal</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in abastecimentos %}
                                <tr>
                                        <td>{{ item.condutor }}</td>
                                        <td>{{ item.data }}</td>
                                        <td>{{ item.qtd }}</td>
                                        <td>{{ item.valorUnit }}</td>
                                        <td>{{ item.valorTotal }}</td>                                                                  
                                    
                                </tr>
                            {% else %}
                                <tr aria-hidden="true">
                                    <td colspan="06">NENHUM REGISTRO ENCONTRADO</td>
                                </tr>
                            {% endfor %}
                        </tbody>

                    </table>
                </div>
                <!-- /.card-body -->
                <div class="card-footer ">
                    <div class="d-flex justify-content-between">
                        <div >
                            {% if filtro['total_registros'] > 10 %}
                                Mostrando 1 à 10 de {{ filtro['total_registros'] }} registros
                            {% else %}
                                Mostrando 1 de  {{ filtro['total_registros'] }} registro(s)
                            {% endif %} 
                        </div>
                        <div>
                            <nav aria-label="Page navigation example">
                                <ul class="pagination ">
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_veiculo_abastecimento_publico',{'dataInicial':filtro['dataInicial'],'dataFinal':filtro['dataFinal'],'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['primeira'] }) }}">Primeira</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_veiculo_abastecimento_publico',{'dataInicial':filtro['dataInicial'],'dataFinal':filtro['dataFinal'],'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['anterior'] }) }}">Anterior</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_veiculo_abastecimento_publico',{'dataInicial':filtro['dataInicial'],'dataFinal':filtro['dataFinal'],'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['pagina'] }) }}">{{ filtro['pagina'] }}</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_veiculo_abastecimento_publico',{'dataInicial':filtro['dataInicial'],'dataFinal':filtro['dataFinal'],'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['proxima'] }) }}">Avançar</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_veiculo_abastecimento_publico',{'dataInicial':filtro['dataInicial'],'dataFinal':filtro['dataFinal'],'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['ultima'] }) }}">Última</a>
                                    </li>
                                </ul>
                            </nav>

                        </div>

                    </div>
                </div>
        </form>
    </div>

</div>
</section>


{% endblock %}