@extends('templates.template')

@push('page-title')
<h2>Caixa - Gestão de Mensalidades</h2>
<p>O controle será realizado através de lançamentos periodicamente através de cada usuário logado.</p>
@endpush

@section('content')
{!! Form::open(['route' => ['caixa.buscaAluno'], 'id' => 'formCaixa']) !!}
<div class="row">
    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
        <div class="form-group">
            {!! Form::label('caixa','Caixa')!!}
            {!! Form::select('caixa', $situacaoCaixa, '', ['id' => 'caixa', 'class' => 'form-control caixa']) !!}
        </div>
    </div>
    <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
        <div class="form-group">
            {!! Form::label('Aluno')!!}
            {!! Form::select('matricula_id', $alunos, '', ['id' => 'aluno', 'class' => 'form-control']) !!}
        </div>
    </div>
{{-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<div class="form-group">
{!! Form::label('codigoparcela','Código Parcela')!!}
{!! Form::text('codigoparcela', null, ['id' => 'codigoparcela', 'class' => 'form-control codigoparcela', "readonly"=>"true"]) !!}
</div>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="form-group">
{!! Form::label('matricula','Código de Matrícula')!!}
{!! Form::text('matricula', '', ['id' => 'matricula', 'class' => 'form-control matricula']) !!}
</div>
</div>
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div class="form-group">
{!! Form::label('nomecompleto','Nome Completo')!!}
{!! Form::text('nomecompleto', null, ['id' => 'nomecompleto', 'class' => 'form-control nomecompleto', "readonly"=>"true"]) !!}
</div>
</div> --}}
</div>
<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
        {!! Form::submit('Buscar Aluno', ['class' => 'btn btn-success']) !!}
    </div>
</div>
{!! Form::close() !!}
<hr>

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">Painel descrição do(s) aluno(s)</div>
            <div class="panel-descricao-aluno clearfix">
            </div>
        </div>


        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">Painel de Prestacoes</div>
            <table class="table prestacoes">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>código</th>
                        <th>parcela</th>
                        <th>referencia</th>
                        <th>valor</th>
                        <th>situacao</th>
                        <th>resultado</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script type="text/javascript">
    $(function(){
        numeral.language('pt-br');
        $('#formCaixa').submit(function(e){
            e.preventDefault()
            $('.alunos').find('tbody').html('Carregando...')
            $('.matriculas').find('tbody').html('Carregando...')
            $('.prestacoes').find('tbody').empty()
            var __URL__ = $(this).attr('action');
            var __DADOS__ = $(this).serialize()
            if($('[name=matricula_id]').val() == 0){
                return bootbox.alert({
                    size: "small",
                    title: "Aviso",
                    message: "<i class='fa fa-exclamation-triangle'></i> Informe um aluno, por favor!", 
                })
            }
            var jqxhr = $.ajax( {
                url:   __URL__,
                method: 'POST',
                data: __DADOS__,
                beforeSend: function(){
                    $('.alunos').find('tbody').html('Carregando...')
                    $('.matriculas').find('tbody').html('Carregando...')
                    $('.prestacoes').find('tbody').html('Carregando...')
                }
            } )
            .done(function(data) {
                if(data.type == 'success'){
                    $.each(data.message, function(key, value){
                        $('.panel-descricao-aluno').html(
                            $('<div/>')
                            .append(
                                $('<div/>')
                                .addClass('col-md-1')
                                .html('<strong>#</strong> <p> ' + value.aluno_id + '</p>')
                                )
                            .append(
                                $('<div/>')
                                .addClass('col-md-2')
                                .html('<strong>Código</strong> <p> ' + value.aluno.codigo + '</p>')
                                )
                            .append(
                                $('<div/>')
                                .addClass('col-md-3')
                                .html('<strong>Nome Completo</strong> <p> ' + value.aluno.nomecompleto + '</p>')
                                )
                            .append(
                                $('<div/>')
                                .addClass('col-md-3')
                                .html('<strong>Responsável</strong> <p> ' + value.aluno.responsavel.descricao + '</p>')
                                )
                            .append(
                                $('<div/>')
                                .addClass('col-md-3')
                                .html('<strong>Contato</strong> <p> ' + value.aluno.responsavel.celular1 + '</p>')
                                )
                            .append(
                                $('<div/>')
                                .addClass('col-md-6')
                                .html('<strong>Turma</strong> <p> ' + value.turma.descricao + '</p>')
                                )
                            )
})

$('.prestacoes').find('tbody').html('')
numeral.language('pt-br');
var aux = true
$.each(data.message, function(key, v){
        $.each(v.prestacoes, function(k, value){
            if(value.situacao==0){
                $('.prestacoes').find('tbody').append(
                    $('<tr/>')
                    .addClass('strong')
                    .addClass('danger')
                    .addClass(value.codigo)
                    .append(
                        $('<td/>').text(value.id)
                        )
                    .append(
                        $('<td/>').text(value.codigo)
                        )
                    .append(
                        $('<td/>').text(value.numero)
                        )
                    .append(
                        $('<td/>').text(moment(value.referencia).format('DD/MM/YYYY'))
                        )
                    .append(
                        $('<td/>').text(numeral(value.valor).format('0,0.00'))
                        )
                    .append(
                        $('<td/>').text('À receber')
                        )
                    .append(
                        $('<td/>').append(
                            $('<a/>').attr('href','/prestacoes/calcularJuros/'+value.id).addClass('btn btn-success pagamento').text('pagar')
                            )
                        )
                    )
}else{
    $('.prestacoes').find('tbody').append(
        $('<tr/>')
        .addClass('strong')
        .addClass('success')
        .append(
            $('<td/>').text(value.id)
            )
        .append(
            $('<td/>').text(value.codigo)
            )
        .append(
            $('<td/>').text(value.numero)
            )
        .append(
            $('<td/>').text(moment(value.referencia).format('DD/MM/YYYY'))
            )
        .append(
            $('<td/>').text(numeral(value.valor).format('0,0.00'))
            )
        .append(
            $('<td/>').text('Pago')
            )
        .append(
            $('<td/>').text(numeral(value.valorpago).format('0,0.00'))
            )
        )
}
})

})
} else {
// bootbox.alert(data.message)
}
})
.fail(function() {
    console.log( "error" );
})

})
$(document).on('click', '.pagamento', function(e){
    e.preventDefault();
    var _URL_ = $(this).attr('href');
    $.ajax({
        method: "GET",
        url: _URL_
    })
    .done(function(data){
        $('.valor').mask('000.000,00', {reverse: true}).val();
        bootbox.dialog({
            title: 'Baixa na Parcela',
            message: data
        })
    })
    .fail(function(e, o){
        console.log( e );
        console.log( o );
    });
});

function limpar(num){
    return num.replace('.', '').replace(',','.');
}
$(document).ready(function(){
    $(document).on('focus', '#total', function(){
        var valorPrestacao = numeral().unformat($('.valor_prestacao').val())
        var multa = numeral().unformat($('.multa').val())
        var juros = numeral().unformat($('.juros').val())
        var desconto = numeral().unformat($('.desconto').val());

        var result = (valorPrestacao + multa + juros) - desconto;
        console.log(valorPrestacao)
        // if(result > 0){
            $('.submitCalcularJuros').removeClass('disabled')
            $('.submitCalcularJuros').show()
        // }
        result = numeral(result).format('0,0.00');
        $(this).val(result);
    });


    $(document).on('submit', '#formCalcularJuros', function(e){
        e.preventDefault()
        var __DADOS__ = $(this).serializeArray()
        var __URL__ = $(this).attr('action')
        $.ajax({
            method: "POST",
            url: __URL__,
            data: __DADOS__
        })
        .done(function(data){
            console.log(data)
            bootbox.hideAll()
            // aviso de baixa realizada com sucesso
            bootbox.dialog({ message: '<div class="text-center"><i class="fa fa-spin fa-spinner"></i> Loading...</div><h3 class="text-center">Mensalidade baixada com sucesso!</h3>'})
            window.setTimeout( function(){
                bootbox.hideAll()
            }, 3000 )
            // atualização da mensalidade
            $('.prestacoes').find('tbody').find('.'+data.prestacao.codigo).removeClass('danger').addClass('warning').children().eq(5).text('Pago')
            $('.prestacoes').find('tbody').find('.'+data.prestacao.codigo).children().eq(6).text(numeral(data.prestacao.valorpago).format('0,0.00'));  
        })
        .fail(function(e, o){
            alert( "error" + e + ': ' + o);
        });
    })
});
})
</script>
@endpush

@push('scripts')
<script type="text/javascript">
    $('select').select2({
        DropDownAdapter: "DropdownSearch"
    });
</script>
@endpush

@push('styles')
<style type="text/css">
    .strong { font-weight: bold; }
</style>
@endpush