@extends('padrao')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>@yield('tipo')</strong> Contas a Receber
                </h2>
                <div class="pull-right">
                    @if (isset($contas_receber))
                        @switch($contas_receber->status)
                        @case(1)
                        <span class="label bg-blue">Pendente</span>
                        @break
                        @case(2)
                        <span class="label bg-green">Pago</span>
                        @break
                        @case(3)
                        <span class="label bg-red">Cancelado</span>
                        @break
                        @endswitch
                    @endif
                </div>
            </div>
            <div class="body">
                <form id="form_validation" autocomplete="off">
                    {{ csrf_field() }}
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade in active show" id="home_with_icon_title">
                                    <div class="row clearfix">
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" readonly name="id" class="form-control"
                                                        value="{{ old('id',(isset($contas_receber)) ? $contas_receber->id : '') }}">
                                                    <label class="form-label">ID</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="numero_documento" class="form-control"
                                                        value="{{old('numero_documento', (isset($contas_receber)) ? $contas_receber->numero_documento : '')}}">
                                                    <label class="form-label">Nº Doc</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input id="id_cliente" type="text" readonly name="id_cliente"
                                                        class="form-control" red title="Esrequise campo é obrigatório"
                                                        value="{{ old('id_cliente',(isset($contas_receber)) ? $contas_receber->id_cliente : '') }}">
                                                    <label class="form-label">ID</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-5">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input id="razao_cliente" required title="Esse campo é obrigatório"
                                                        style="display:inline; width: calc(100% - 40px)" type="text"
                                                        value="{{ old('razao_cliente', (isset($contas_receber)) ? $contas_receber->razao_cliente : '') }}"
                                                        class="form-control" readonly>
                                                    <label class="form-label">Razão social / Nome</label>
                                                    <button type="button"
                                                        class="btn btn-primary btn-circle waves-effect waves-circle waves-float"
                                                        data-toggle="modal" data-target=".bd-busca-cliente-modal-lg">
                                                        <i class="material-icons">search</i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="data_criacao" type="date" class="form-control"
                                                        placeholder="Selecione a data"
                                                        value="{{ old('data_criacao', (isset($contas_receber)) ? date('Y-m-d', strtotime($contas_receber->data_criacao)) : date('Y-m-d')) }}">
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Data Criação</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="data_vencimento" type="date"
                                                        class="form-control" placeholder="Selecione a data"
                                                        value="{{ old('data_vencimento', (isset($contas_receber)) ? date('Y-m-d', strtotime($contas_receber->data_vencimento)) : date('Y-m-d')) }}">
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Data
                                                        Vencimento</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <textarea name="observacao" rows="2"
                                                        class="form-control no-resize">{{ old('observacao', (isset($contas_receber)) ? $contas_receber->observacao : '') }}</textarea>
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Observação
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 text-center">
                                    <span>PARCELAS</span>
                                    <hr>
                                </div>
                                <div class="col-sm-12">
                                @if(empty($contas_receber) || $contas_receber->status == 1)   
                                    <div class="pull-right">
                                        <button class="btn btn-primary waves-effect" data-toggle="modal"
                                            data-target=".bd-nova-parcela-modal-lg" type="button"> <i
                                                class="material-icons">add</i>
                                            <span>NOVA PARCELA</span></button>
                                    </div>
                                @endif
                                </div>
                                <br><br><br>
                                <table id="table_parcela" class="table table-bordered table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th name="descricao">Descrição</th>
                                            <th name="data_vencimento">Data Vencimento</th>
                                            <th name="data_pagamento">Data Pagamento</th>
                                            <th name="valor">Valor</th>
                                            <th name="status">Status</th>
                                            <th name="valor_pago">Valor Pago</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (isset($parcelas))
                                        @foreach ($parcelas as $parcela)
                                        <tr>
                                            <td name="id" class="id_parcela" style="display:none">{{$parcela->id}}</td>
                                            <td name="id_forma_pagamento" id="{{$parcela->id_forma_pagamento}}">{{$parcela->descricao}}</td>
                                            <td name="data_vencimento">{{Str::formatBRDate($parcela->data_vencimento)}}</td>
                                            <td name="data_pagamento">@if(!empty($parcela->data_pagamento)){{Str::formatBRDate($parcela->data_pagamento)}}@endif</td>
                                            <td class="valor_parcela" name="valor_parcela">{{Str::formatBRCurrency2($parcela->valor)}}</td>
                                            <td class="text-center" name="status">
                                                @switch($parcela->status)
                                                @case(1)
                                                <span class="label bg-blue">Pendente</span>
                                                @break
                                                @case(2)
                                                <span class="label bg-green">Pago</span>
                                                @break
                                                @case(3)
                                                <span class="label bg-red">Cancelado</span>
                                                @break
                                                @endswitch
                                            </td>
                                            <td name="valor_pago">{{Str::formatBRCurrency2($parcela->valor_pago)}}</td>
                                            <td style="width:40px">
                        
                                                @if($parcela->status == 2)
                                                <a class="btn bg-teal btn-circle waves-effect waves-circle waves-float"
                                                    target="_blank"
                                                    href="{{ route('imprimir-parcela_conta_receber', ['id' => $parcela->id]) }}">
                                                    <i class="material-icons">print</i>
                                                </a>
                                                @endif
                                                @if($parcela->status == 1)
                                                <button type="button"
                                                    class="bg-green btn-circle waves-effect waves-circle waves-float bt-receber-parcela">
                                                    <i class="material-icons">
                                                        local_atm</i>
                                                </button>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th>Descrição</th>
                                            <th>Data Vencimento</th>
                                            <th>Data Pagamento</th>
                                            <th>Valor</th>
                                            <th>Status</th>
                                            <th>Valor Pago</th>
                                            <th></th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="col-md-12">
                                <div class="pull-right m-t-30 text-right">
                                    <hr>
                                    <h3>
                                        <b>Total :</b> R$ <span id="total">0,00</span>
                                    </h3>
                                </div>
                                <div class="clearfix"></div>
                                <hr>
                            </div>
                            <div class="col-md-12">
                                <div class="pull-right">
                                    @yield('botoes')
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
        <div class="modal fade bd-busca-cliente-modal-lg" tabindex="-1" role="dialog"
            aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 80%;">

                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Filtro cliente</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row clearfix">

                            <div class="col-sm-9">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input id="filtro_cliente" type="text" class="form-control" value="">
                                        <label class="form-label">Filtro ex: Razão social, nome ou cnpj</label>
                                    </div>
                                </div>
                            </div>
                            <div class="pull-right">
                                <button type="button" class="btn btn-primary waves-effect"> <i
                                        class="material-icons">search</i>
                                    <span>BUSCAR</span></button>
                            </div>
                        </div>
                        <table id="busca_cliente" class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th class="select-filter">Razão social</th>
                                    <th class="select-filter">CNPJ/CPF</th>
                                    <th>Municipio</th>
                                    <th>Bairro</th>
                                    <th style="width:50px"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (isset($clientes))
                                @foreach ($clientes as $cliente)
                                <tr>
                                    <td scope="row" class="id_cliente">{{$cliente->id}}</td>
                                    <td class="razao_nome"> {{$cliente->razao_nome}} </td>
                                    <td>{{Str::formatBRCNPJ($cliente->cpf_cnpj)}}</td>
                                    <td>{{$cliente->nome}}</td>
                                    <td>{{$cliente->bairro}}</td>
                                    <td style="width:50px">
                                        <button type="button"
                                            class="btn btn-primary btn-circle waves-effect waves-circle waves-float selecionar_cliente">
                                            <i class="material-icons"> done</i>
                                        </button>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
        <div class="modal fade bd-nova-parcela-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 70%;">

                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Nova Parcela</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row clearfix">
                            <div class="col-sm-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="parcela_forma_pagamento">
                                            @if (isset($formas_pagamento))
                                            @foreach($formas_pagamento as $forma_pagamento)
                                            <option value="{{$forma_pagamento->id}}">{{$forma_pagamento->descricao}}
                                            </option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Forma de
                                            pagamento</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2 ">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="date" class="form-control" placeholder="Selecione a data"
                                            id="parcela_data_vencimento" value="{{ date('Y-m-d') }}">
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                            Vencimento</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" id="parcela_valor" class="form-control money2" value="0">
                                        <label class="form-label">Valor Parcela</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="pull-right">
                                <button class="btn btn-primary waves-effect" id="bt_add_parcela" data-toggle="modal"
                                    type="button"> <i class="material-icons">add</i>
                                    <span>Adicionar</span></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form id="form_receber_parcela" autocomplete="off">
        <div class="modal fade bt_receber_parcela-modal-lg" tabindex="-1" role="dialog"
            aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 60%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Receber Parcela</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row clearfix">
                            <input type="hidden" readonly name="id_parcela" id="id_parcela" class="form-control">
                            <div class="col-sm-5">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="id_forma_pagamento" name="id_forma_pagamento">
                                            @if (isset($formas_pagamento))
                                            @foreach($formas_pagamento as $forma_pagamento)
                                            <option value="{{$forma_pagamento->id}}">{{$forma_pagamento->descricao}}
                                            </option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Forma
                                            pagamento</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="date" id="data_forma_pagamento" name="data_pagamento"
                                            class="form-control" placeholder="Selecione a data"
                                            value="{{ date('Y-m-d') }}">
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                            pagamento</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" id="valor_pago" name="valor_pago" class="form-control money2"
                                            value="0">
                                        <label class="form-label">Valor</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br></br>
                        <div class="row clearfix">
                            <div class="col-sm-6">
                                <label style="text-align: center; width: 100%;"
                                    class="form-label font-15 font-bold">Valor
                                    Total</label><br>
                                <label id="pag_total" style="text-align: center; width: 100%;"
                                    class="label font-20 bg-grey m-b-10">R$ 0,00</label>
                            </div>
                            <div class="col-sm-6">
                                <label style="text-align: center; width: 100%;"
                                    class="form-label font-15 font-bold">Troco</label><br>
                                <label id="pag_troco" style="text-align: center; width: 100%;"
                                    class="label font-20 bg-deep-orange m-b-10">R$ 0,00</label>

                            </div>
                        </div>
                        <br></br>
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal"> <i
                                    class="material-icons">cancel</i>
                                <span>CANCELAR</span></button>
                            <button type="button" class="btn bg-green waves-effect" id="salvar_parcela"> <i
                                    class="material-icons">save</i>
                                <span>RECEBER PARCELA</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <form id="form_cancelar_conta_receber" method="POST" action="{{route('cancelar_conta_receber')}}">
    {{ csrf_field() }}
        <input type="hidden" readonly name="id" class="form-control"
            value="{{ old('id',(isset($contas_receber)) ? $contas_receber->id : '') }}">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
            <div class="modal fade bd-cancelamento-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-lg" style="max-width: 40%;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="myLargeModalLabel">Cancelar Conta a Receber</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                        <div class="row clearfix">
                            <div class="col-sm-12">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <form id="form_cancelamento">
                                        <textarea name="observacao_cancelamento" min=15 rows="3" class="form-control no-resize" required></textarea>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Motivo do cancelamento
                                        </label>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                                <div class="pull-right">
                                    <button class="btn btn-warning waves-effect" type="submit"> <i
                                            class="material-icons">cancel</i>
                                        <span>CANCELAR</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="col-md-12">
        @if (!empty($contas_receber) && $contas_receber->status == 3)
        <div class="pull-left m-t-30 text-left">
            <div><h5>Operador:</h5><span class="label bg-blue m-b-10">{{$contas_receber->nome_usuario_cancelamento}}</span></div>
            <div><h5>Motivo: </h5><span class="label bg-red m-b-10">{{$contas_receber->observacao_cancelamento}}</span></div>
        </div>
        @endif
        <div class="clearfix"></div>
        <hr>
    </div>
</div>
@endsection
@section('js')
<script>
$.fn.dataTable.ext.search.push(
    function(settings, data, dataIndex) {
        var filtro = $('#filtro_cliente').val().toLowerCase();

        var cnpj = data[1].toLowerCase();
        var nome = data[2].toLowerCase().replace('.', '').replace('/', '').replace('-', '');
        if ((cnpj.indexOf(filtro) != -1) || (nome.indexOf(filtro) != -1)) {
            return true;
        }
        return false;
    }
);

var table = $('#busca_cliente').DataTable({
    responsive: true,
    searching: true,
    dom: 'lrtip',
    ordering: false,
    lengthChange: false,
    pageLength: 10,
    autoWidth: false,
    language: {
        emptyTable: "Não há registros",
        info: "Exibindo _START_ - _END_ de _TOTAL_ ",
        infoEmpty: "Exibindo 0 registros",
        paginate: {
            previous: "Anterior",
            first: "Primeira",
            last: "Última",
            next: "Próxima",
        }
    }
});

$('#filtro_cliente').on('keyup', function() {
    table.draw();
});

$('.bd-busca-cliente-modal-lg').on('shown.bs.modal', function() {
    $('#filtro_cliente').focus();
});

$('.selecionar_cliente').on('click', function() {
    let id_cliente = $(this).closest("tr").find(".id_cliente").text();
    let razao_cliente = $(this).closest("tr").find(".razao_nome").text();
    $('#razao_cliente').val(razao_cliente).trigger("focus");
    $('#id_cliente').val(id_cliente).trigger("focus");
    $('.bd-busca-cliente-modal-lg').modal('hide');
});

$('#bt_add_parcela').on('click', function() {
    let id_forma_pagamento = $("#parcela_forma_pagamento option:selected").val();
    let forma_pagamento = $("#parcela_forma_pagamento option:selected").text();
    let data_vencimento = new Date($("#parcela_data_vencimento").val() + ' ').toLocaleDateString();
    let valor_parcela = parseFloat($("#parcela_valor").val().replace(',', '.')).toFixed(2);
    if (valor_parcela > 0) {
        $("#table_parcela").find('tbody')
            .append($('<tr>')
                .append($('<td id="' + id_forma_pagamento + '" name="id_forma_pagamento">')
                    .append(forma_pagamento)
                ).append($('<td name="data_vencimento">')
                    .append(data_vencimento)
                ).append($('<td name="data_pagamento">')
                    .append('')
                ).append($('<td class="valor_parcela" name="valor_parcela">')
                    .append(valor_parcela)
                ).append($('<td class="text-center" name="status">')
                    .append('<span class="label bg-blue">Pendente</span>')
                ).append($('<td name="valor_pagamento">')
                    .append('0.00')
                )
                .append($('<td style="width:100px">')
                    .append(
                        '<button type="button" class="btn bg-red btn-circle waves-effect waves-circle waves-float bt_deletar_parcela"> <i class="material-icons"> delete_sweep</i></button>'
                    )

                )

            );
        $('.bd-nova-parcela-modal-lg').modal('toggle');
    } else {
        swal("Valor inválido", 'Verifique o valor informado e tente novamente', "warning");
    }
    calc_total();
});

$(document).on('click', '.bt-receber-parcela', function() {
    let valor_parcela = $(this).closest("tr").find('td[name="valor_parcela"]').text();
    let id_parcela = $(this).closest("tr").find('td[name="id"]').text();

    $('#valor_pago').val(valor_parcela);
    $('#id_parcela').val(id_parcela);
    $('#pag_total').text('R$ ' + Number(valor_parcela).toFixed(2));
    calc_pagamento();
    $('.bt_receber_parcela-modal-lg').modal('show');
});

function calc_pagamento() {
    let valor_parcela = parseFloat($('#pag_total').text().replace(',', '.').replace('R$ ', ''));
    let total_valor_pagamento = parseFloat($('#valor_pago').val().replace(',', '.'));

    let troco = 0;

    if (total_valor_pagamento > valor_parcela) {
        troco = total_valor_pagamento - valor_parcela
    }

    $('#pag_troco').text('R$ ' + Number(troco).toFixed(2));
}

$("#valor_pago").keyup(function() {
    calc_pagamento();
});

function calc_total() {
    let valor_total = 0;

    $(".valor_parcela").each(function() {
        valor_total += parseFloat($(this).text());
    });

    $('#total').text(Number(valor_total).toFixed(2));
}

$('.salvar_contas_receber').on('click', function() {
    try {
        var contas_receber = {
            parcelas: [],
            info: {}
        };
        $("#form_validation").valid();
        $("#table_parcela tr").each(function() {
            if ($(this).children('td').length > 0) {
                let parcela = {};
                $(this).children('td').each(function() {
                    if ($(this).attr('name') !== undefined) {
                        if ($(this).attr('id') !== undefined) {
                            parcela[$(this).attr('name')] = $(this).attr('id');
                        } else {
                            parcela[$(this).attr('name')] = $(this).text();
                        }
                    }
                });
                contas_receber.parcelas.push(JSON.stringify(parcela));
            }
        });

        var valor_total = 0;
        $(".valor_parcela").each(function() {
            valor_total += parseFloat($(this).text().replace(',', ''));
        });

        contas_receber.info = $('#form_validation').serializeJSON();
        contas_receber.info.valor_total = valor_total;

        $.LoadingOverlay("show");
        $.ajax({
            type: 'POST',
            url: "{{ route('salvar_conta_receber') }}",
            data: ({
                contas_receber: contas_receber,
                "_token": "{{ csrf_token() }}"
            }),
            success: function(response) {
                if (response != '') {
                    if (response.success == false) {
                        swal({
                            title: "Falha ao salvar a conta a receber!",
                            text: response.error,
                            type: "error",
                            allowEscapeKey: false,
                            allowOutsideClick: false
                        });
                        $.LoadingOverlay("hide");
                    } else {
                        window.location.href = "{{ route('listar_conta_receber') }}";
                        $.LoadingOverlay("hide");
                    }
                } else {
                    window.location.href = "{{ route('listar_conta_receber') }}";
                    $.LoadingOverlay("hide");
                }
            },
            error: function(data) {
                swal("Falha ao salvar", data.responseJSON.message, "error");
                $.LoadingOverlay("hide");
            }
        });
    } catch (e) {
        console.log(e);
    }
    return false;
});

$('#salvar_parcela').on('click', function() {
    try {

        $("#form_receber_parcela").valid();
        let dados_pagamento = $('#form_receber_parcela').serializeJSON();
        let id_parcela = $('#id_parcela').val();

        $.LoadingOverlay("show");
        $.ajax({
            type: 'POST',
            url: "{{ route('salvar-pagamento_conta_receber') }}",
            data: ({
                dados_pagamento: dados_pagamento,
                "_token": "{{ csrf_token() }}"
            }),
            success: function(response) {
                if (response != '') {
                    if (response.success == false) {
                        swal({
                            title: "Falha ao salvar a conta a receber!",
                            text: response.error,
                            type: "error",
                            allowEscapeKey: false,
                            allowOutsideClick: false
                        });
                        $.LoadingOverlay("hide");
                    } else {
                        window.open("{{ route('imprimir-parcela_conta_receber') }}" + "?id=" + id_parcela,'_blank');
                        location.reload();
                        $.LoadingOverlay("hide");
                    }
                } else {
                    $.LoadingOverlay("hide");
                }
            },
            error: function(data) {
                swal("Falha ao salvar", data.responseJSON.message, "error");
                $.LoadingOverlay("hide");
            }
        });
    } catch (e) {
        console.log(e);
    }
    return false;
});

$(document).on('click', '.bt_deletar_parcela', function() {
    let item = $(this).closest("tr").find(".id_parcela");
    if (item.length == 0) {
        $(this).closest("tr").remove();
    } else {
        $(this).closest("tr").find(".valor_parcela").removeClass("valor_parcela");
        $(this).closest("tr").hide();
        $(this).closest("tr").append($('<td name="deletar">').append('1'));
    }
    calc_total();
});

calc_total();
</script>

@endsection