{!! Form::model($parcela, array('route' => array('mensalidades.baixaMensalidade', $parcela->id), 'id' => 'formCalcularJuros')) !!}
<div class="row">
    <div class="col-md-12">
        @if(parcelaVencida(Carbon\Carbon::parse($parcela->referencia)->addDays(5)->format('Y-m-d')))
        <div class="bs-callout bs-callout-success">
            <h4>
                <span class='label label-success'>Parcela à vencer: {{ dataAmericaBrasil($parcela->referencia) }}</span>
            </h4>
            <br/>
            <h4>
                <span class='label label-default'>Data atual: {{ Carbon\Carbon::now()->format('d/m/Y') }}</span>
            </h4>
        </div>
        @else
        <div class="bs-callout bs-callout-danger">
            <h4>
                <span class='label label-danger'>Parcela em atraso: {{ dataAmericaBrasil($parcela->referencia) }}</span>
            </h4>
            <br/>
            <h4>
                {{-- <span class='label label-default'>Data atual: {{ Carbon\Carbon::now()->format('d/m/Y') }}</span> --}}
            </h4>
        </div>
        @endif
    </div>
</div>
<div class="row">
    <div class="col-md-3">
        <div class="form-group">
            {!! Form::label('valor', 'Valor') !!}
            {!! Form::text('valor',  moneyAmericaBrasil($parcela->valor), ['id' => 'valor_prestacao', 'class' => 'form-control valor valor_prestacao', 'disabled']) !!}
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            {!! Form::label('mora', 'Mora') !!}
            {!! Form::text('mora',  null, ['id' => 'mora', 'class' => 'form-control valor mora', 'disabled']) !!}
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            {!! Form::label('juros', 'Juros') !!}
            {!! Form::text('juros',  calcularJuros($parcela->referencia, $parcela->valor), ['id' => 'juros', 'class' => 'form-control valor juros']) !!}
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            {!! Form::label('multa', 'Multa') !!}
            {!! Form::text('multa',  null, ['id' => 'multa', 'class' => 'form-control valor multa']) !!}
        </div>
    </div>

</div>
<div class="row element">
    <div class="col-md-3">
        {!! Form::label('desconto', 'Desconto') !!}
        {!! Form::text('desconto', desconto($parcela->referencia, $matricula->desconto),['class'=>'form-control valor desconto']) !!}
    </div>
    <div class="col-md-5 tipopagamento">
        {!! Form::label('formapagamento_id', 'Forma pagamento') !!}
        {!! Form::select('formapagamento_id[]', \App\Formapagamento::lists('descricao', 'id'), null, ['class'=>'form-control select2']) !!}
    </div>
    <div class="col-md-4 valorpago">
        {!! Form::label('valorpago', 'Total') !!}
        <div class="input-group">
            {!! Form::text('valorpago[]', null, ['id' => 'total', 'class' => 'form-control valor total']) !!}
            <span class="input-group-btn">
                <button class="btn btn-danger" type="button">
                    <i class="fa fa-close"></i>
                </button>
                <button class="btn btn-default cloneValores" type="button">
                    <i class="fa fa-plus"></i>
                </button>
            </span>
        </div>
    </div>
</div>
<div class="continue"></div>
<hr/>
<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            {!! Form::submit('Baixa na Parcela', ['class' => 'btn btn-success disabled submitCalcularJuros']) !!}
        </div>
    </div>
</div>
{!! Form::close() !!}

<script type="text/javascript">
    function limpar(num){
        return num.replace('.', '').replace(',','.');
    }

    $(document).ready(function(){
        $('.submitCalcularJuros').hide()

        $(document).on('click', '.removeValores', function (e) {
            $(this).parent().parent().parent().parent().remove()
        })

        $(document).on('click', '.cloneValores', function (e) {
            e.preventDefault()
            var tipopagamento = $('.tipopagamento').html()
            var valorpago = $('.valorpago').html()
            $('.continue')
                .append(
                    $('<div/>').addClass('row')
                        .append($('<div/>').addClass('col-md-3'))
                        .append($('<div/>').addClass('col-md-5').append(tipopagamento))
                        .append($('<div/>').addClass('col-md-4').append(valorpago))
                )

            $('.continue > div[class=row]').last().children().children().last().find('input').attr('id', '')
            $('.continue > div[class=row]').last().children().children().last().children().children().eq(0).addClass('removeValores')
            $('.valor').mask('000.000,00', {reverse: true}).val();
        })

        $('.data_atual').datetimepicker({
            format: 'DD/MM/YYYY'
        });
        $('.valor').mask('000.000,00', {reverse: true}).val();
    });
</script>