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

{% block title %}DEPARTAMENTO PESSOAL
{% 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>DEPARTAMENTO PESSOAL</h2>
        </div>
        <!-- /.container-fluid -->
    </section>

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

                    <div class="content-fluid ">
                        <div class="float-left d-none d-sm-block">
                            <div class="row">
                                <div clas="col ">
                                    <label>Tipo</label>
                                    <select name="tipo" class="form-control">
                                        <option {% if filtro['tipo'] =='nome'  %} SELECTED {% endif %} value='nome'>Nome</option>
                                        <option {% if filtro['tipo'] =='matricula'  %} SELECTED {% endif %} value='matricula'>Matrícula</option>
                                        <option {% if filtro['tipo'] =='cargo'  %} SELECTED {% endif %} value='cargo'>Cargo</option>
                                        <option {% if filtro['tipo'] =='vinculo'  %} SELECTED {% endif %} value='vinculo'>Vínculo</option>
                                        <option {% if filtro['tipo'] =='ativo'  %} SELECTED {% endif %} value='ativo'>Status</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" onClick="teste()"><i class="fas fa-eraser"></i></button>
                                        <button title="Visualizar Impressão" class="btn btn-default group-btn" onClick="immpressao('{{path('app_departamento_pessoal_relatorio',{'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_departamento_pessoal_relatorio',{'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>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-striped table-hover table-sm">
                        <thead>
                            <tr>
                                <th>NOME</th>
                                <th>MATRICULA</th>
                                <th>CARGO</th>
                                <th>VÍNCULO</th>
                                <th>C. HORÁRIA</th>
                                <th>Lotação</th>
                                <th>STATUS</th>
                                <th>&nbsp</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in lista %}
                                <tr>
                                    <td>{{ item.nome }}</td>
                                    <td>{{ item.matricula }}</td>
                                    <td>{{ item.cargo }}</td>
                                    <td>{{ item.vinculo }}</td>
                                    <td>{{ item.cargaHoraria }}</td>
                                    <td>{{ item.lotacao }}</td>
                                    <td>{{ item.viewAtivo }}</td>
                                    <td><a href="{{ path('app_departamento_pessoal_movimentacao', {'codigo': item.codigo}) }}">MOVIMENTAÇÕES</a></td>
                                </tr>
                            {% else %}
                                <tr aria-hidden="true">
                                    <td colspan="13">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) and (filtro['page'] != 'all')) %}
                                Mostrando {{ ((filtro['pagina'] -1) * filtro['page']) + 1  }} à {{ filtro['page'] *filtro['pagina']  }} de {{ filtro['total_registros'] }} registros
                            {% else %}
                                Mostrando 1 à  {{ filtro['total_registros'] }} registro(s)
                            {% endif %} 
                        </div>
                        <div class="d-flex flex-row"> 
                     <div>
                        
                        <select name="page" class="form-control col" onchange="this.form.submit()" >
                            <option {% if filtro['page'] == '10' %} SELECTED {% endif %}  value="10">10</option>
                            <option {% if filtro['page'] == '50' %} SELECTED {% endif %} value="50">50</option>
                            <option {% if filtro['page'] == '100' %} SELECTED {% endif %} value="100">100</option>
                            <option {% if filtro['page'] == '1000' %} SELECTED {% endif %} value="1000">1000</option>
                            <option {% if filtro['page'] == 'all' %} SELECTED {% endif %} value="all">Todos</option>
                        </select>                        
                        </div>                            
                            <nav aria-label="Page navigation example">
                                <ul class="pagination ">
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_departamento_pessoal_relatorio',{'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['primeira'] }) }}">Primeira</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_departamento_pessoal_relatorio',{'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['anterior'] }) }}">Anterior</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_departamento_pessoal_relatorio',{'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['pagina'] }) }}">{{ filtro['pagina'] }}</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_departamento_pessoal_relatorio',{'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['proxima'] }) }}">Avançar</a>
                                    </li>
                                    <li class="page-item">
                                        <a class="page-link" href="{{ path('app_departamento_pessoal_relatorio',{'tipo':filtro['tipo'],'descricao':filtro['descricao'],'pagina':filtro['ultima'] }) }}">Última</a>
                                    </li>
                                </ul>
                            </nav>

                        </div>

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

</div>
</section>


{% endblock %}