@extends('layouts.app')

@section('css')
<link href="{!! asset('css/') !!}/locales.css" rel="stylesheet">

<style>
    .accordion .card-header a,
    .accordion .card-header a:hover,
    .accordion .card-header a:active {
        color: #3abf94;
        text-decoration: none;
    }

    .isDisabled {
        color: currentColor;
        cursor: not-allowed;
        opacity: 0.5;
        text-decoration: none;
    }

</style>
@endsection

@section('content')
<section class="content-header">
    <h1>
        Solicitud
    </h1>
</section>
<div class="">
    <div class="box box-primary">
        <div class="box-body">
            <!-- <div class="row" style="padding-left: 20px"> -->
            @include('solicituds.show_fields')
            <!-- </div> -->
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<script src="https://templates-flatlogic.herokuapp.com/sing-app/html5/js/components/ui-tabs-accordion.js"></script>

<script>
    var url = "{!! url('/') !!}";
    var solicitud_id = ;

    $(document).ready(function() {
        $('#aprobado').on('click', function() {
            $('#estatus').val('Aprobada');
            $('#modal_body').html('<h4>Al hacer esta acción, el crédito quedará Aprobado y se genera la tabla de pagos para el cliente.</h4>');
            $('#guardar_cambios').attr('href', '{!! URL(' / ')!!}/cambio_estatus/Aprobada/{!! $solicitud->id!!}');
        });

        $('#rechazado').on('click', function() {
            $('#estatus').val('Rechazado');
            $('#modal_body').html('<h4>Al hacer esta acción, el crédito quedará Rechazado se tendrá que esperar un lapso de 6 meses para poder solicitar otro.</h4>');
            $('#guardar_cambios').attr('href', '{!! URL(' / ')!!}/cambio_estatus/Rechazado/{!!$solicitud->id!!}');
        });

        // console.log($("#cantidad_solicitada").text());

        $("#cantidad_solicitada").text("$" + numeral($("#cantidad_solicitada").text()).format('0,0') + ".00");
        $("#cantidad_recomendada_txt").text("$" + numeral($("#cantidad_recomendada_txt").text()).format('0,0') + ".00");
        $("#total_financiar").text("$" + numeral($("#total_financiar").text()).format('0,0') + ".00");

        $('#btn_confirm_pago').on('click', function(e) {
            e.preventDefault();
            console.log('aceptar presupuesto');
            var cantidad = $('#cantidad_aprobada').val();
            var ruta = url + '/solicituds/aceptar_prespuesto' + '/' + solicitud_id + '/' + cantidad;
            $.get(ruta)
                .done(function(data) {
                    console.log(data);
                    $('#total_financiar').html('$' + data.data.cantidad_aprobada + '.00 MXM');
                    $('#aceptar_presupuesto').addClass('disabled');
                    $('#btn-rechazar').hide();

                    Swal.fire({
                        position: 'top-middle',
                        icon: 'success',
                        title: 'Monto aprobado guardado con exito',
                        showConfirmButton: false,
                        timer: 2000
                    })
                    location.reload();
                });
        });

        $('#validacion_referencias_1').on('click', function(e) {
            e.preventDefault();

            var data = {
                'referencia_id': $('#referencia_id_1').val(),
                'parentesco': $('#parentesco_1').prop('checked') ? 1 : 0,
                'telefono_solicitante': $('#telefono_solicitante_1 ').prop('checked') ? 1 : 0,
                'referencia_interesada': $('#referencia_interesa_prestamo_1').prop('checked') ? 1 : 0,
                'sueldo': $('#sueldo_aproximado_1').prop('checked') ? 1 : 0,
                'auto': $('#auto_propio_1').prop('checked') ? 1 : 0,
                'refrigerador': $('#refrigerador_1').prop('checked') ? 1 : 0,
                'gas': $('#gas_1').prop('checked') ? 1 : 0,
                'periodo_pago': $('#periocidad_pago_1').prop('checked') ? 1 : 0,
                'direccion': $('#direccion_solicitante_1').prop('checked') ? 1 : 0,
                'actividad': $('#actividad_solicitante_1').prop('checked') ? 1 : 0,
                'trabajo': $('#trabaja_empleador_1').prop('checked') ? 1 : 0,
                'recomienda': $('#recomienda_solicitante_prestamo_1').prop('checked') ? 1 : 0,
                'tipo': 'Referencia',
            };

            console.log(data);

            saveValidacion(data, $(this));
        });

        $('#validacion_referencias_2').on('click', function(e) {
            e.preventDefault();

            var data = {
                'referencia_id': $('#referencia_id_2').val(),
                'parentesco': $('#parentesco_2').prop('checked') ? 1 : 0,
                'telefono_solicitante': $('#telefono_solicitante_2').prop('checked') ? 1 : 0,
                'referencia_interesada': $('#referencia_interesa_prestamo_2').prop('checked') ? 1 : 0,
                'sueldo': $('#sueldo_aproximado_2').prop('checked') ? 1 : 0,
                'auto': $('#auto_propio_2').prop('checked') ? 1 : 0,
                'refrigerador': $('#refrigerador_2').prop('checked') ? 1 : 0,
                'gas': $('#gas_2').prop('checked') ? 1 : 0,
                'periodo_pago': $('#periocidad_pago_2').prop('checked') ? 1 : 0,
                'direccion': $('#direccion_solicitante_2').prop('checked') ? 1 : 0,
                'actividad': $('#actividad_solicitante_2').prop('checked') ? 1 : 0,
                'trabajo': $('#trabaja_empleador_2').prop('checked') ? 1 : 0,
                'recomienda': $('#recomienda_solicitante_prestamo_2').prop('checked') ? 1 : 0,
                'tipo': 'Referencia',
            };
            console.log(data);
            saveValidacion(data, $(this));
        });

        $('#validacion_aval').on('click', function(e) {
            e.preventDefault();

            var data = {
                'aval_id': $('#aval_id').val(),
                'parentesco': $('#parentesco_3').prop('checked') ? 1 : 0,
                'telefono_solicitante': $('#telefono_solicitante_3').prop('checked') ? 1 : 0,
                'referencia_interesada': $('#referencia_interesa_prestamo_3').prop('checked') ? 1 : 0,
                'sueldo': $('#sueldo_aproximado_3').prop('checked') ? 1 : 0,
                'auto': $('#auto_propio_3').prop('checked') ? 1 : 0,
                'refrigerador': $('#refrigerador_3').prop('checked') ? 1 : 0,
                'gas': $('#gas_3').prop('checked') ? 1 : 0,
                'periodo_pago': $('#periocidad_pago_3').prop('checked') ? 1 : 0,
                'direccion': $('#direccion_solicitante_3').prop('checked') ? 1 : 0,
                'actividad': $('#actividad_solicitante_3').prop('checked') ? 1 : 0,
                'trabajo': $('#trabaja_empleador_3').prop('checked') ? 1 : 0,
                'recomienda': $('#recomienda_solicitante_prestamo_3').prop('checked') ? 1 : 0,
                'tipo': 'Aval',
            };
            console.log(data);
            saveValidacion(data, $(this));
        });

    });

    function saveValidacion(data, elemento) {
        //http://127.0.0.1:8000/api/solicituds/verificacion_telefonica
        var ruta = url + '/api/solicituds/verificacion_telefonica';
        console.log(data);
        $.post(ruta, data)
            .done(function(data) {
                console.log(elemento);
                elemento.prop('disabled', true);
                elemento.addClass("disabled");
                //window.location.replace("http://127.0.0.1:8000/solicituds");
                Swal.fire({
                    position: 'top-middle',
                    icon: 'success',
                    title: 'Datos guardados exitosamente',
                    showConfirmButton: false,
                    timer: 2000
                })
            });
    }

    $("#aceptar_presupuesto").click(function(){
        $("#presupuestoModal").modal();
    })

    $('#cantidad_aprobada_text').on('keyup', function(){
        let number = numeral($(this).val());
        $(this).val(number.format('0,0'));
        $('#cantidad_aprobada').val(number.value());
        $("#confirm_preaprobada").text(number.format('0,0'));
    });

    $("#btn-rechazar").click(function(){
        $("#btn-aplicar-validacion").attr('href',$(this).data('url'));
        $("#exampleModalValidacion").modal();
        $("#status_modal").text('Rechazada');
        $("#status_modal").addClass('badge-danger');
        $("#status_modal").removeClass('badge-success');
    });

    $("#btn-validar").click(function(){
        $("#btn-aplicar-validacion").attr('href',$(this).data('url'));
        $("#exampleModalValidacion").modal();
        $("#status_modal").text('Confirmada');
        $("#status_modal").removeClass('badge-danger');
        $("#status_modal").addClass('badge-success');
    });

    $("#btn-reestabler").click(function(){
        $("#exampleModalValidacionReestablecer").modal();
    })

    $("#prestamosVinculados").click(function(){
        $("#prestamosVinculadosModal").modal();
    })
</script>
@endsection