var errorGlobal = false;
var j = jQuery.noConflict();
var terminos = document.getElementById('cbox1');
var politicas = document.getElementById('cbox2');


//Validacion de Terminos y politicas
terminos.oninvalid = function(event) { event.target.setCustomValidity('Aceptar es requerido para continuar'); }
politicas.oninvalid = function(event) { event.target.setCustomValidity('Aceptar es requerido para continuar'); }

terminos.addEventListener('change', function (event) {
    event.target.setCustomValidity('');
})
politicas.addEventListener('change', function (event) {
    event.target.setCustomValidity('');
})

  



function formatInput(input){
    var num = input.value.replace(/\./g,'');
    if(!isNaN(num)){
        num = num.toString().split('').reverse().join('').replace(/(?=\d*\.?)(\d{3})/g,'$1.');
        num = num.split('').reverse().join('').replace(/^[\.]/,'');
        input.value = num;
    }else{ 
        alert('Solo se permiten números');
        input.value = input.value.replace(/[^\d\.]*/g,'');
    }
}

function formatNum(num){
    if(!isNaN(num)){
        num = num.toString().split('').reverse().join('').replace(/(?=\d*\.?)(\d{3})/g,'$1.');
        num = num.split('').reverse().join('').replace(/^[\.]/,'');
        return num;
    }
}

function valorMinyMax(input,minimo,maximo){
    var num = input.value.replace(/\./g,'');
    var error = document.querySelector(".error_monto");
    if(num < minimo || num > maximo){
        minimo = formatNum(minimo);
        maximo = formatNum(maximo);
        input.setCustomValidity(`El valor ingresado debe ser mayor a ${minimo} y menor a ${maximo}`);
        error.textContent = `El valor ingresado debe ser mayor a ${minimo} y menor a ${maximo}`;
        errorGlobal = true;
        //console.log("Debe mostrar error")
    }else {
        input.setCustomValidity("");
        error.textContent = "";
        errorGlobal = false;
    }
    input.reportValidity();
}

function agregarOpcionesAlSelect(opciones) {
    var select = document.querySelector(".cuotas");
    //Limpiamos el select
    for (let i = select.options.length; i >= 0; i--) {
        select.remove(i);
    }

    //Agregamos las opciones
    vacio = document.createElement('option');
    vacio.value = "";
    vacio.text = "";
    select.appendChild(vacio);
    opciones.forEach(opcion => {
        let option = document.createElement('option');
        option.value = opcion;
        option.text = opcion == 1 ? opcion + " Cuota" : opcion + " Cuotas";
        select.appendChild(option);
    });
    
};

function cantidadCuotas(input){
    //Se defines los dos conjuntos de cuotas que puede escoger el usuario
    let seis = [1,2,3,4,5,6]
    let doce = [1,2,3,4,5,6,7,8,9,10,11,12]

    //Extraemos el monto
    let monto = input.value
    monto = monto.toString()
    monto = monto.replace(/\./g, "");

    if(monto < 500000){
        agregarOpcionesAlSelect(seis)
    }else{
        agregarOpcionesAlSelect(doce)
    }
}


let formDatos = j('.form-datos');
formDatos.on('submit', (e) => {
    e.preventDefault()
    //console.log('submit')
    //Extraemos los campos nombre y correo
    let nombre = j('input.nombre').val()
    let correo = j('input.correo').val()

    //Guardamos los campos en el localstorage
    localStorage.setItem('nombre', nombre);
    localStorage.setItem('correo', correo);
    //console.log(localStorage.getItem('nombre'))
    //console.log(localStorage.getItem('correo'))

    //Guardamos los datos en la bd
    j.ajax({
        url: SimuladorCredi10Ajax.ajax_url,
        type: "POST",
        dataType: 'json',
        data: {
            action: 'guardarInformacionUsuario',
            nombre: nombre,
            correo: correo,
        }, success: function (response) {
            //console.log(response.respuesta)
            //console.log('funciona')
    
            }, error: function (data) {
                console.log(data)
                console.log('error')
            }
    });

    
    let segundaPagina = j('.segunda-pagina')
    formDatos.css("display","none");
    segundaPagina.css("display","flex");

})


function changeForm() {

    //Extraemos el monto
    let monto = j('input.monto').val()
    monto = monto.toString()
    monto = monto.replace(/\./g, "");
    //console.log(monto, "monto")

    //Extraemos las cuotas
    var cuotas = j('.cuotas').val();
    //console.log(cuotas, "Cuotas")

    if(monto && cuotas && !errorGlobal){
        //console.log("Entre a la peticion ajax")

        //Mostramos el resultado
        j('#simulador .loading').slideToggle(10);
        j('#simulador .resultado').slideDown(500);
        //$('#simulador .resultado').css("display", "flex");


        
        j.ajax({
            url: SimuladorCredi10Ajax.ajax_url,
            type: "POST",
            dataType: 'json',
            data: {
                action: 'simulador',
                monto: monto,
                cuotas: cuotas,
            }, success: function (response) {
                //.log(response.respuesta)
                //console.log('funciona')

                j('.loading').slideToggle(10);
                let valor = formatNum(response.respuesta);
                j('.valor-cuota').html(valor)
        
                }, error: function (data) {
                    console.log(data)
                    console.log('error')
                }
        });
    }
}


j('.form-credito').on('change', changeForm)