@extends('layouts.dashboard')
@section('content')

    <div class="row">
        <div class="col-md-8 col-sm-8 col-xs-12">
            <div class="card">
                <div class="header">
                    <h4 class="title">Relatórios</h4>
                    <p class="category">Gerar relatórios</p>
                </div>
                <div class="content">
                  {!! Form::open(['url' => action('Gestao\RelatorioController@postGerar'), 'method' => 'post', 'class' => 'form-horizontal', "id" => "form_relatorio"]) !!}
                    {!! Form::label('tipo', 'Tipo de Relatório') !!}
                    <select id="relatorios" class="form-control">
                        <option></option>
                        @foreach($tipos as $tipo)
                                                        <option {{$data}} data-relatorio="{{$tipo['relatorio']}}">{{$tipo['nome']}}</option>
                        @endforeach
                    </select>
                    <input type="hidden" id="relatorio" name="relatorio">
                    <div class="dt_inicio hidden">
                        {!! Form::label('dt_inicio', 'Inicio') !!}
                        {!! Form::text('dt_inicio', null, ['class' => 'form-control date', 'placeholder' => 'dd/mm/YYYY'] ) !!}
                    </div>
                    <div class="dt_fim hidden">
                        {!! Form::label('dt_fim', 'Fim') !!}
                        {!! Form::text('dt_fim', null, ['class' => 'form-control date', 'placeholder' => 'dd/mm/YYYY'] ) !!}
                    </div>
                    <div class="formato">
                        {!! Form::label('tipo', 'Formato do Relatório') !!} <br />
                        <label for="tipo_excel">
                            <input class="" type="radio" id="tipo_excel" name="tipo" value="xlsx" checked="true" /> Excel
                        </label>
                      <!--{!! Form::label('tipo', 'Pdf') !!}
                      <input class="" type="radio" name="tipo" value="pdf" required="true"/>
                      -->
                    </div>
                  {!! Form::submit("Gerar", ["class" => "btn btn-submit btn-primary"]) !!}
                  {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>


@endsection
@push('scripts')

<script src="{{ asset('lib/js/moment/moment.min.js') }}"></script>
<script src="{{ asset('lib/js/moment/pt-br.js') }}"></script>
<script>
$(document).ready(function () {
    $("#relatorios").on("change", function(){
        var option = $('#relatorios option:selected');
        
        $('#relatorio').val($(option).data("relatorio"));

        if(option.data("dt_inicio")){
          $('.dt_inicio').removeClass("hidden");
        }else{
          $('.dt_inicio').addClass("hidden");
        }

        if(option.data("dt_fim")){
          $('.dt_fim').removeClass("hidden");
        }else{
          $('.dt_fim').addClass("hidden");
        }
    });
    
});
</script>
@endpush