@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> vendas por período
                </h2>
            </div>
            <div class="body">
                <div class="row clearfix">
                <div class="col-sm-12">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <select tabindex="-1" id="filtro_usuario" class="form-label">
                                        <option value="">Todos</option>
                                        @if (isset($usuarios))
                                            @foreach($usuarios as $usuario)
                                            <option value="{{$usuario->id}}" {{{$usuario->id ==
                                                old('filtro_usuario', !empty($_GET['filtro_usuario']) ?
                                                $_GET['filtro_usuario'] : '') ? 'selected' : ''
                                                }}}>{{$usuario->nome}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Usuários
                                    </label>
                                </div>
                            </div>
                        </div>
                    <div class="col-sm-4">
                        <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-4">
                        <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-4">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <select tabindex="-1" id="filtro_tipo" class="form-label">
                                        <option value="">Todos</option>
                                        <option value="1">Fiscal</option>
                                        <option value="2">Não fiscal</option>
                                    </select>
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Tipo venda
                                    </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();
    let filtro_tipo =  $("#filtro_tipo option:selected").val();
    let filtro_usuario =  $("#filtro_usuario option:selected").val();

    window.open("{{route('imprimir-vendas-periodo_relatorio')}}?filtro_data_inicial="+encodeURIComponent(data_inicial)+
    "&filtro_data_final="+encodeURIComponent(data_final)+'&filtro_tipo='+encodeURIComponent(filtro_tipo)+'&filtro_usuario='+encodeURIComponent(filtro_usuario), "_blank");
});
</script>
@endsection