@extends('layouts.dashboard')
@section('pg-body')

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"/>
<section class="wf100 subheader">
    <div class="container">
        <h2>Tab. Remuneratória de Cargos e Funcões</h2>
        <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li> <a href="{{url('portal-transparencia')}}">Transparência</a> </li>
            <li> <a href="{{url('tabelas-remuneratorias')}}">Tab. Remuneratórias</a> </li>
        </ul>
    </div>
</section>
<div class="main-content">
    <div class="container p30">
        <div class="row">
            <div>
                <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" 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 btn-sm" 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 btn-sm" style="background: var(--background-color6); border-color: var(--background-color6);" onclick="printDiv('p60')"><i class="fa fa-print"></i> Imprimir</a>
                    </div>
                </div>
                <div class="well">
                    <form class="clearboth" action="{{url('tabelas-remuneratorias-filtro')}}" onsubmit="getModalAguarde();" method="POST">
                        {{ csrf_field() }}
                        <div class="row">        
                            <input type="hidden" name="tipo" value="Cargos">
                            <div class="col-md-2 mb-3 clear-both float-left">
                                <label>De</label>
                                <input type="text" name="data_de" class="form-control datepicker" maxlength="10" onkeypress="formatar('##/##/####', this);return SomenteNumero(event)" placeholder="00/00/0000" value="@if(isset($data_de)){{$data_de}}@endif">
                            </div>
                            <div class="col-md-2 mb-3 float-left">
                                <label>Ate</label>
                                <input type="text" name="data_ate" class="form-control datepicker" maxlength="10" onkeypress="formatar('##/##/####', this);return SomenteNumero(event)" placeholder="00/00/0000" value="@if(isset($data_ate)){{$data_ate}}@endif">
                            </div>
                            <div class="col-md-6 mb-3 float-left @if(!isset($is_data)){{'clear-both'}}@endif">
                                <label>Descrição</label>
                                <input type="text" name="busca" class="form-control" placeholder="Nome, Número ou Descrição etc.">
                            </div>
                            <div class="col-md-1 float-left">
                                <button class="btn-up btn btn-primary" type="submit"><i class="fa fa-search"></i> Buscar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <main class="col-xs-12" role="main">
                <div class="row">
                    <div class="department-details">
                        <div class="table-responsive">
                            <table id="" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>DATA</th>
                                        <th>NOME</th>
                                        <th>ARQUIVO</th>
                                    </tr>
                                </thead>
                                <tbody style="">                                                        
                                                                    </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </main>
        </div>
    </div>
</div>

@endsection