@extends('templates.template')

@push('page-title')
    <h2>Relatório Entrada</h2>
    <p>Escolha um período e veja o controle de entrada</p>
@endpush

@section('content')

<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4>Extrato Financeiro</h4>
            </div>
            <div class="panel-body">
                <div class="row">
                    {!! Form::open(['route' => 'financeiro.pesquisar', 'id'=>"relatorio"]) !!}
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="data_inicio">Início</label>
                                    {!! Form::text('data_inicio', '', array('id' => 'data_inicio' ,'placeholder' => '00/00/0000', 'class' => 'form-control date')) !!}
                                    <span class="text-danger">{{ $errors->first('data_inicio') }}</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="data_inicio">Final</label>
                                    {!! Form::text('data_final', '', array('id' => 'data_final' ,'placeholder' => '00/00/0000', 'class' => 'form-control date')) !!}
                                    <span class="text-danger">{{ $errors->first('data_final') }}</span>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="form-group">
                                    <label for="exampleInputSituacao1">Caixas</label>
                                    {!! Form::select('caixa', $caixas, !empty($situacaoCaixa->last())? $situacaoCaixa->last()->caixa_id : null, array('class' => 'form-control caixa')) !!}
                                    <span class="text-danger">{{ $errors->first('caixa') }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5">
                                <div class="form-group">
                                    {!! Form::label('pesquisar') !!}
                                    {!! Form::text('pesquisar', null, ['class' => 'form-control pesquisar']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {{-- */ $tipo = [1 => 'Entrada', 2 => 'Saída'] /* --}}
                                    {!! Form::label('Tipo') !!}
                                    {!! Form::select('tipo', $tipo, null,  ['class' => 'form-control tipo']) !!}
                                </div>
                            </div>
                            <div class="col-md-3" style="margin-top:22px;">
                             {!! Form::submit('Pesquisar', ['class' => 'btn btn-default buscar']) !!}
                         </div>
                     </div>
                    {!! Form::close() !!}
                </div>

                <div class="row">
                        <div class="panel panel-default">
                          <!-- Default panel contents -->
                          <div class="panel-heading">Período de liberação financeira</div>
                          <div class="panel-body">
                            <div class="row">
                              <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    Todos os lançamentos de acordo com os requisitos sitados acima.
                              </div>
                              <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right">
                                  <button href="#" title="Relatório PDF" class="btn btn-default downloadPdf">
                                      <i class="fa fa-file-pdf-o"></i>
                                  </button>
                                  <button href="#" title="Relatório Completo PDF" class="btn btn-default downloadCompletoPdf">
                                      <i class="fa fa-files-o"></i>
                                  </button>
                                  <button href="#" title="Relatório Financeiro por Período" class="btn btn-default financeiroPeriodo">
                                      <i class="fa fa-calendar-o"></i>
                                  </button>
                              </div>
                            </div>
                          </div>
                        </div>
                    </div>
                    <div class="row resultado">

                    </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script type="text/javascript">
    $(function () {
        // pesquisar
        $('#relatorio').submit(function(event) {
           event.preventDefault();
            $.ajax({
                url: $(this).attr('action'),
                type: 'POST',
                data: $(this).serialize(),
            })
            .done(function(data) {
                // console.log(data);
                $('.resultado').html(data);
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
            
        });
        $('.date').datetimepicker({
            format: 'DD/MM/YYYY'
        });
        $('.time').datetimepicker({
            format: 'LT'
        });
        $('.interval, .caixa, .situacao').select2({});

        $('#data_inicio').val(moment().format('L'));
        $('#data_final').val(moment().format('L'));

        $('.interval').change(function(e){
            $('#data_inicio, #data_final').val('')
        })

        // $('#relatorio').submit(function(e){
        //     e.preventDefault()
        //     var __DADOS__ = $(this).serialize()
        //     var __URL__ = $(this).attr('action')
        //     $.ajax({
        //             url: __URL__,
        //             method: 'POST',
        //             data: __DADOS__
        //         })
        //         .done(function(data){
        //             numeral.language('pt-br');
        //             var dom = $('.descricaoFinanceiro')
        //             var valortotal = 0;
        //             dom.html('')
        //             console.log(data)
        //             $.each(data, function(key, value){
        //                 dom.append(
        //                     $('<tr/>').append(
        //                         $('<td/>').append(value.caixa.descricao)
        //                         ).append(
        //                         $('<td/>').append(value.prestacao.numero)
        //                         ).append(
        //                         $('<td/>').append(value.vencimento)
        //                         ).append(
        //                         $('<td/>').append(value.prestacao.matricula.turma.descricao)
        //                         ).append(
        //                         $('<td/>').append(value.prestacao.matricula.aluno.codigo)
        //                         ).append(
        //                         $('<td/>').append(value.prestacao.matricula.aluno.nomecompleto)
        //                         ).append(
        //                         $('<td/>').append(value.situacao)
        //                         ).append(
        //                         $('<td/>').append(numeral(value.valor).format('0,0.00'))
        //                         )
        //                     )
        //                 valortotal += parseFloat(value.valor)
        //             })
        //             dom.append(
        //                 $('<tr/>').append(
        //                     $('<td/>').attr('colspan', 7).addClass('text-right').html('<strong>Total</strong>')
        //                     ).append(
        //                     $('<td/>').html(numeral(valortotal).format('0,0.00'))
        //                     )
        //                 )
        //         })
        //         .fail(function(e, o){
        //             console.log('error', e, o)
        //         })
        //         .always(function(e, o){
        //             console.log('complete', e, o)
        //         })
        // })

        $('.downloadPdf').click(function(e){
            e.preventDefault()
            var interval = ($('.interval').val() == 0) ? 0 : $('.interval').val()
            var data_inicio = ($('#data_inicio').val() == 0) ? 0 : dataBrasilAmerica($('#data_inicio').val())
            var data_final = ($('#data_final').val() == 0) ? 0 : dataBrasilAmerica($('#data_final').val())
            var situacao = $('.situacao').val()
            var caixa = $('.caixa').val()
            console.log(interval, data_inicio,  data_final, situacao, caixa)
            window.open('{{ App::make("_.url") }}/financeiro/entradaResultadoPDF/' + data_inicio + '/' + data_final + '/' + caixa)
        })

        $('.downloadCompletoPdf').click(function(e){
            e.preventDefault()
            var interval = ($('.interval').val() == 0) ? 0 : $('.interval').val()
            var data_inicio = ($('#data_inicio').val() == 0) ? 0 : dataBrasilAmerica($('#data_inicio').val())
            var data_final = ($('#data_final').val() == 0) ? 0 : dataBrasilAmerica($('#data_final').val())
            var situacao = $('.situacao').val()
            var caixa = $('.caixa').val()
            console.log(interval, data_inicio,  data_final, situacao, caixa)
            window.open('{{ App::make("_.url") }}/financeiro/entradaResultadoCompletoPDF/'+ interval + '/' + data_inicio + '/' + data_final + '/' + situacao + '/' + caixa)
        })
        // relatorio financeiro por periodo
        $('.financeiroPeriodo').click(function(e){
            e.preventDefault()
            var data_inicio = ($('#data_inicio').val() == 0) ? 0 : dataBrasilAmerica($('#data_inicio').val())
            var data_final = ($('#data_final').val() == 0) ? 0 : dataBrasilAmerica($('#data_final').val())
            window.open('{{ App::make("_.url") }}/financeiro/financeiro-periodo/'+ data_inicio + '/' + data_final)
        })
    })

    function dataBrasilAmerica(data){
        var num = data.split('/')
        return num[2] + '-' + num[1] + '-' + num[0]
    }
</script>
@endpush