Installment Dashboard

?email=" + encodeURIComponent(email); fetch(url) .then(res => res.json()) .then(data => { // Show dashboard document.getElementById("kj-dashboard").style.display = "block"; document.getElementById("kj-login").style.display = "none"; const balance = Number(data.balance); const deposits = data.deposits || []; const totalPlanAmount = Number(data.plan_total || 6000); // YOU CAN CHANGE DEFAULT // Greeting document.getElementById("kj-greeting").innerText = "Hello, " + (data.name || email); // Progress bar const percent = Math.min((balance / totalPlanAmount) * 100, 100); document.getElementById("kj-progress").style.width = percent + "%"; // Text document.getElementById("kj-paid").innerText = "Total Paid: ₹" + balance; document.getElementById("kj-remaining").innerText = "Remaining: ₹" + (totalPlanAmount - balance); // Timeline builder let timelineHTML = ""; deposits.forEach(d => { timelineHTML += ` `; }); document.getElementById("kj-timeline").innerHTML = timelineHTML; }) .catch(err => alert("Error loading dashboard")); }