@extends('layouts.dashboard')
@section('pg-body')
<section class="wf100 subheader">
    <div class="container">
        <h2>FOLHA DE PAGAMENTO</h2>
        <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li> <a href="{{url('portal-transparencia')}}">Transparência</a> </li>
            <li>Folha de Pagamento</li>
        </ul>
    </div>
</section>


<div class="main-content p60" id="conteudo">
    <!--Department Details Page Start-->
    <div class="department-details">
        <div class="container">
            <div class="row">
                <div class="col-md-0">
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">    
                    <div class="col-md-6">
                        <h5 class="h4">Barra de pesquisa</h5>
                    </div>
                    <div class="col-md-6">
                        <div class="row" style="text-align: right; margin-top: 10px; margin-right: 0px;">
                            <a class="btn-up btn btn-primary btn-sm" id="exportar_pdf" style="background: var(--background-color6); border-color: var(--background-color6);" href="{{url('funcionario-exportar-folha'.'/'.$mes.'-'.$ano.'/'.'pdf')}}" target="_blank"><i class="fa fa-file-pdf"></i> PDF</a>
                            <a class="btn-up btn btn-primary btn-sm" id="exportar_excel" style="background: var(--background-color6); border-color: var(--background-color6);" href="{{url('funcionario-exportar-folha'.'/'.$mes.'-'.$ano.'/'.'excel')}}" target="_blank"><i class="fa fa-file-excel"></i> EXCEL</a>
                            <a class="btn-up btn btn-primary btn-sm" id="imprimir_pdf" style="background: var(--background-color6); border-color: var(--background-color6);" href="{{url('funcionario-exportar-folha'.'/'.$mes.'-'.$ano.'/'.'pdf')}}" target="_blank"><i class="fa fa-print"></i> Imprimir</a>
                        </div>
                    </div>
                    <div class="well">                    
                        <div class="row">
                            <div class="col-md-12">
                                <form action="{{url('folha-xlsjl-post')}}" method="POST">
                                    {{ csrf_field() }}         
                                    <input type="hidden" name="exibicao" id="exibicao" value="pagina">
                                    <div class="col-md-6">
                                        <label for="validationDefault02">Nome:</label><br>
                                        <input type="text" id="nav_search_field" name="psq" class="form-control" placeholder="Digite o nome do servidor">
                                    </div>
                                    <div class="col-md-4">
                                        <label for="validationDefault02">Mês/Ano:</label><br>
                                        <select class="form-control" name="mes_ano" required>
                                            <option>Escolha um Período</option>
                                                                                        @foreach($periodos as $list)
                                            <option @if(($list->mes == $mes) and ($list->ano == $ano)) selected @endif value="{{$list->mes.'-'.$list->ano}}">{{$list->mes.'/'.$list->ano}}</option>
                                            @php
                                            $i = 1;
                                            @endphp
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <button class="btn-up btn btn-primary" type="submit"><i class="fa fa-search"></i> Buscar</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <!-- lista de servidores -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th scope="col">NOME</th>
                                    <th scope="col">CARGO</th>
                                    <th scope="col">LOTAÇÃO</th>
                                    <th scope="col">ADMISSÃO</th>
                                    <th scope="col">EXONERAÇÃO</th>
                                    <th scope="col">QTD HORAS</th>
                                    <th scope="col">VINCULO</th>
                                    <th scope="col">BRUTO</th>
                                    <th scope="col">DESCONTO</th>
                                    <th scope="col">LIQUIDO</th>
                                </tr>
                            </thead>
                            <tbody>
                                                            </tbody>
                        </table>
                    </div>
                    <!-- lista de servidores -->
                    <!--navegation-->
                    <div class="site-pagination">
                        <nav aria-label="Page navigation">
                            {{$funcionarios->links()}}
                        </nav>
                    </div>
                    <!--navegation-->  

                </div>

            </div>
        </div>
    </div>
    <!--Department Details Page End--> 
</div>
<!-- Fim row-->

@endsection