@extends('padrao')
@section('content')
<div class="row clearfix">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 justify-content-center" style="float:none;margin:auto;">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>Filtro</strong> Pagamentos por período
                </h2>
            </div>
            <div class="body">
                <div class="row clearfix">
                    <div class="col-sm-6">
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="date" name="filtro_data_inicial" id="filtro_data_inicial" class="form-control"
                                    placeholder="selecione a data"
                                    value="@if(isset($_GET['filtro_data_inicial'])){{$_GET['filtro_data_inicial']}}@else{{date('Y-m-d')}}@endif">
                                <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                    Inicial</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group form-float">
                            <div class="form-line">
                                <input type="date" name="filtro_data_final" class="form-control"
                                    placeholder="selecione a data" id="filtro_data_final"
                                    value="@if(isset($_GET['filtro_data_final'])){{$_GET['filtro_data_final']}}@else{{date('Y-m-d')}}@endif">
                                <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                    Final</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="pull-right">
                            <button id="imprimir" class="btn btn-primary waves-effect" type="button"> <i
                                    class="material-icons">print</i>
                                <span>IMPRIMIR</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
$('#imprimir').on('click', function() {
    let data_inicial = $('#filtro_data_inicial').val();
    let data_final = $('#filtro_data_final').val();
    window.open("{{route('imprimir-pagamento_relatorio')}}?filtro_data_inicial="+encodeURIComponent(data_inicial)+"&filtro_data_final="+encodeURIComponent(data_final), "_blank");
});
</script>
@endsection