const loanForm = document.querySelector('#loan-form');
loanForm.addEventListener('submit', (e) => {
    e.preventDefault();

    Computer()

})

function inputa() {
    var v = document.getElementById("input1").value;
    document.getElementById("amount").value = v;

    stopIt();
}


function inputb() {
    var g = document.getElementById("input2").value;
    document.getElementById("years").value = g;

    
    stopIt();
}

function inputap() {
    var v = document.getElementById("amount").value;
    document.getElementById("input1").value = v;

    stopIt();
}


function inputbp() {
    var g = document.getElementById("years").value;
    document.getElementById("input2").value = g;

    stopIt();
}

function stopIt(){
    var v = document.getElementById("amount").value;
    var h = document.getElementById("years").value;
    if(v>20000000 && h<6){
        document.getElementById("input2").value = 6;
        document.getElementById("years").value = 6;
        h = 6;
    }
    Computer()
    //if (!(v == "") && !(h == "")) {
    //    Computer()
    //}
}

function ConvertNumberToPersion() {
    persian = { 0: '۰', 1: '۱', 2: '۲', 3: '۳', 4: '۴', 5: '۵', 6: '۶', 7: '۷', 8: '۸', 9: '۹' };
    function traverse(el) {
        if (el.nodeType == 3) {
            var list = el.data.match(/[0-9]/g);
            if (list != null && list.length != 0) {
                for (var i = 0; i < list.length; i++)
                    el.data = el.data.replace(list[i], persian[list[i]]);
            }
        }
        for (var i = 0; i < el.childNodes.length; i++) {
            traverse(el.childNodes[i]);
        }
    }
    traverse(document.body);
}

function Computer(){
    var y = document.getElementById("amount").value;
    var h = document.getElementById("years").value;
    var z = document.getElementById("input1").value;
    if(y>20000000 && h<6){
        document.getElementById("input2").value = 6;
        document.getElementById("years").value = 6;
    }
    if(z>20000000 && h<6){
        document.getElementById("input2").value = 6;
        document.getElementById("years").value = 6;
    }

    //Computing the results
    const amount = document.getElementById('amount').value;
    const interest = 3.5;
    const years = document.getElementById('years').value;

    //Calculate
    const principal = parseFloat(amount);
    const calculatedInterest = parseFloat(interest);
    const calculatedPayments = parseFloat(years);

    //c the prePayment
    const prePayment= (principal*3/10);
    const u = 100+(calculatedInterest*calculatedPayments);

    //Calculating the monthly payment
    const x = ((principal-prePayment) * u / 100);
    const monthlyPayment = parseInt(x / calculatedPayments) ;

    //calculating the total interest
    const totalInterest = parseInt(u);

    //calculating the total payment
    const totalPayment = parseInt(monthlyPayment*calculatedPayments)+prePayment;

    

    //Display elements using DOM manipulation
    document.getElementById("prePayment").innerHTML =  prePayment + "</br>تومان ";

    document.getElementById("monthlyPayment").innerHTML =  monthlyPayment + "</br>تومان ";

    // document.getElementById("totalInterest").innerHTML = totalInterest + "</br>درصد";

    document.getElementById("totalPayment").innerHTML = totalPayment + "</br>تومان";

    ConvertNumberToPersion();
}