250 lines
7.0 KiB
PHP
250 lines
7.0 KiB
PHP
<?php
|
|
require('.hta_config/env.php');
|
|
require('.hta_header.php');
|
|
?>
|
|
<div class="mainDiv">
|
|
<select onchange="getInstallmentInfo();" name="" id="getinstallmentNumber">
|
|
</select>
|
|
<div id="installmentInfoView"></div>
|
|
</div>
|
|
<script>
|
|
let installments = [
|
|
{
|
|
"installment_no": 1,
|
|
"emi_billing_date": "23-02-2024",
|
|
"outstanding_principal": 195689.35,
|
|
"principal": 4310.65,
|
|
"interest": 3360.04,
|
|
"installment": 7670.69
|
|
},
|
|
{
|
|
"installment_no": 2,
|
|
"emi_billing_date": "23-03-2024",
|
|
"outstanding_principal": 191318.35,
|
|
"principal": 4371.00,
|
|
"interest": 2739.65,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 3,
|
|
"emi_billing_date": "23-04-2024",
|
|
"outstanding_principal": 186886.16,
|
|
"principal": 4432.19,
|
|
"interest": 2678.46,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 4,
|
|
"emi_billing_date": "23-05-2024",
|
|
"outstanding_principal": 182391.92,
|
|
"principal": 4494.24,
|
|
"interest": 2616.41,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 5,
|
|
"emi_billing_date": "23-06-2024",
|
|
"outstanding_principal": 177834.76,
|
|
"principal": 4557.16,
|
|
"interest": 2553.49,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 6,
|
|
"emi_billing_date": "23-07-2024",
|
|
"outstanding_principal": 173213.80,
|
|
"principal": 4620.96,
|
|
"interest": 2489.69,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 7,
|
|
"emi_billing_date": "23-08-2024",
|
|
"outstanding_principal": 168528.14,
|
|
"principal": 4685.66,
|
|
"interest": 2424.99,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 8,
|
|
"emi_billing_date": "23-09-2024",
|
|
"outstanding_principal": 163776.88,
|
|
"principal": 4751.26,
|
|
"interest": 2359.39,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 9,
|
|
"emi_billing_date": "23-10-2024",
|
|
"outstanding_principal": 158959.11,
|
|
"principal": 4817.77,
|
|
"interest": 2292.88,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 10,
|
|
"emi_billing_date": "23-11-2024",
|
|
"outstanding_principal": 154073.89,
|
|
"principal": 4885.22,
|
|
"interest": 2225.43,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 11,
|
|
"emi_billing_date": "23-12-2024",
|
|
"outstanding_principal": 149120.27,
|
|
"principal": 4953.62,
|
|
"interest": 2157.03,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 12,
|
|
"emi_billing_date": "23-01-2025",
|
|
"outstanding_principal": 144097.30,
|
|
"principal": 5022.97,
|
|
"interest": 2087.68,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 13,
|
|
"emi_billing_date": "23-02-2025",
|
|
"outstanding_principal": 139004.01,
|
|
"principal": 5093.29,
|
|
"interest": 2017.36,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 14,
|
|
"emi_billing_date": "23-03-2025",
|
|
"outstanding_principal": 133839.42,
|
|
"principal": 5164.59,
|
|
"interest": 1946.06,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 15,
|
|
"emi_billing_date": "23-04-2025",
|
|
"outstanding_principal": 128602.52,
|
|
"principal": 5236.90,
|
|
"interest": 1873.75,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 16,
|
|
"emi_billing_date": "23-05-2025",
|
|
"outstanding_principal": 123292.31,
|
|
"principal": 5310.21,
|
|
"interest": 1800.44,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 17,
|
|
"emi_billing_date": "23-06-2025",
|
|
"outstanding_principal": 117907.75,
|
|
"principal": 5384.56,
|
|
"interest": 1726.09,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 18,
|
|
"emi_billing_date": "23-07-2025",
|
|
"outstanding_principal": 112447.81,
|
|
"principal": 5459.94,
|
|
"interest": 1650.71,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 19,
|
|
"emi_billing_date": "23-08-2025",
|
|
"outstanding_principal": 106911.43,
|
|
"principal": 5536.38,
|
|
"interest": 1574.27,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 20,
|
|
"emi_billing_date": "23-09-2025",
|
|
"outstanding_principal": 101297.54,
|
|
"principal": 5613.89,
|
|
"interest": 1496.76,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 21,
|
|
"emi_billing_date": "23-10-2025",
|
|
"outstanding_principal": 95605.06,
|
|
"principal": 5692.48,
|
|
"interest": 1418.17,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 22,
|
|
"emi_billing_date": "23-11-2025",
|
|
"outstanding_principal": 89832.88,
|
|
"principal": 5772.18,
|
|
"interest": 1338.47,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 23,
|
|
"emi_billing_date": "23-12-2025",
|
|
"outstanding_principal": 83979.89,
|
|
"principal": 5852.99,
|
|
"interest": 1257.66,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 24,
|
|
"emi_billing_date": "23-01-2026",
|
|
"outstanding_principal": 78044.96,
|
|
"principal": 5934.93,
|
|
"interest": 1175.72,
|
|
"installment": 7110.65
|
|
},
|
|
{
|
|
"installment_no": 36,
|
|
"emi_billing_date": "23-01-2027",
|
|
"outstanding_principal": 0.00,
|
|
"principal": 7012.70,
|
|
"interest": 98.18,
|
|
"installment": 7110.88
|
|
}
|
|
]
|
|
installments.forEach((installment, index) => {
|
|
let insOption = document.createElement('option');
|
|
insOption.value = index;
|
|
insOption.textContent = installment.installment_no;
|
|
document.getElementById('getinstallmentNumber').appendChild(insOption);
|
|
// getinstallmentNumber
|
|
});
|
|
function getInstallmentInfo(){
|
|
let installmentInfoView = document.getElementById('installmentInfoView');
|
|
let getInstallmentNumber = document.getElementById('getinstallmentNumber').value;
|
|
installmentInfoView.innerHTML = `
|
|
<p>Installment Number:- ${installments[getInstallmentNumber].installment_no}</p>
|
|
<p>EMI Billing Date:- ${installments[getInstallmentNumber].emi_billing_date}</p>
|
|
<p>Outstanding Principal:- ${installments[getInstallmentNumber].outstanding_principal}</p>
|
|
<p>Principal:- ${installments[getInstallmentNumber].principal}</p>
|
|
<p>Interest:- ${installments[getInstallmentNumber].interest}</p>
|
|
<p>Installment:- ${installments[getInstallmentNumber].installment}</p>
|
|
`;
|
|
}
|
|
getInstallmentInfo();
|
|
</script>
|
|
<style>
|
|
.mainDiv{
|
|
max-width: 700px;
|
|
width: 100%;
|
|
margin: auto;
|
|
margin-top: 30px;
|
|
}
|
|
</style>
|
|
|
|
<!-- installmentInfoView.innerHTML = `
|
|
<p>Installment Number:- ${installments[getInstallmentNumber].installment_no}</p>
|
|
<p>EMI Billing Date:- ${installments[getInstallmentNumber].emi_billing_date}</p>
|
|
<p>Outstanding Principal:- ${installments[getInstallmentNumber].outstanding_principal}</p>
|
|
<p>Principal:- ${installments[getInstallmentNumber].principal}</p>
|
|
<p>Interest:- ${installments[getInstallmentNumber].interest}</p>
|
|
<p>Installment:- ${installments[getInstallmentNumber].installment}</p>
|
|
`; -->
|