@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">
    <div class="container p60">
        <!--Events Start-->
        <div class="">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="well">                    
                            <div class="row">
                                <div class="col-md-12">
                                    <form action="{{url('folhas-pagamento-post')}}" method="POST">
                                        {{ csrf_field() }}                                    

                                        <div class="col-md-4">
                                            <label for="validationDefault02">Mês/Ano:</label><br>
                                            <select class="form-control" name="mes_ano">
                                                <option value="">Todas as Folhas</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 class="col-md-6">
                                        <div class="row" style="text-align: right; margin-top: -10px;">
                                            <a class="btn-up btn btn-primary" style="background: var(--background-color6); border-color: var(--background-color6);" onclick="gerarPdf('p60')"><i class="fa fa-file-pdf"></i> PDF</a>
                                            <a class="btn-up btn btn-primary" style="background: var(--background-color6); border-color: var(--background-color6);" onclick="gerarExcel('p60')"><i class="fa fa-file-excel"></i> EXCEL</a>
                                            <a class="btn-up btn btn-primary" style="background: var(--background-color6); border-color: var(--background-color6);" onclick="printDiv('p60')"><i class="fa fa-print"></i> Imprimir</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Event list servidores-->
                        @foreach($folhas as $list)
                        <div class="event-list-box">
                            <ul>
                                <li> <img src="{{asset('front/images/icon-transparencia/folha-de-pagamento.png')}}" alt=""> </li>
                                <li class="event-title">
                                    <h6> <a href="{{asset('upload/folhadepagamento').'/'.$list->arquivo}}">FOLHA REF. - {{$list->mes.'/'.$list->ano}}</a> </h6>
                                </li>
                                <li> <a href="{{asset('upload/folhadepagamento').'/'.$list->arquivo}}" target="_blank" class="join-now">Acessar</a> </li>
                            </ul>
                        </div>
                        @endforeach
                        <!--Event list servidores-->           


                        <div class="site-pagination">
                            <nav aria-label="Page navigation">
                                {{$folhas->links()}}
                            </nav>
                        </div>
                    </div>
                    <!--Sidebar End--> 
                </div>
            </div>
        </div>
        <!--Events End--> 
    </div>
</div>
@endsection
<script>

    function getTipoImpressao(e) {
        if (e.value == 'folha') {
            $("#div_cpf").css('display', 'none');
            $("#cpf").removeAttr('required');
        } else {
            $("#div_cpf").css('display', 'block');
            $("#cpf").attr('required', 'required');
        }
    }

    function formatar(mascara, documento) {
        var i = documento.value.length;
        var saida = mascara.substring(0, 1);
        var texto = mascara.substring(i);
        if (texto.substring(0, 1) != saida) {
            documento.value += texto.substring(0, 1);
        }
    }

    function SomenteNumero(e) {
        var tecla = (window.event) ? event.keyCode : e.which;
        if ((tecla > 47 && tecla < 58))
            return true;
        else {
            if (tecla == 8 || tecla == 0)
                return true;
            else
                return false;
        }
    }
</script>