jQuery(document).ready(function($){
let debtAmount=10000;
function formatCurrency(amount){
return '$' + Math.round(amount).toLocaleString();
}
function calculateConsumerProposal(debt){
return Math.max((debt * 0.20), 6000);
}
function calculateDebtConsolidation(debt){
var months=60;
var interestVal=parseFloat(treefrog_debtcalc.consolidation_rate) / 100;
var interest=interestVal / 12;
var result=(debt * (interest + interest / (Math.pow((1 + interest), months) - 1)));
console.log('Debt Consolidation Debug:', {
debt: debt,
interestVal: interestVal,
interest: interest,
months: months,
monthlyPayment: result,
totalPayment: result * 60
});
return result;
}
function calculateRepayFull(debt){
var months=60;
var interestVal=parseFloat(treefrog_debtcalc.full_pay_rate) / 100;
var interest=interestVal / 12;
var result=(debt * (interest + interest / (Math.pow((1 + interest), months) - 1)));
console.log('Repay Full Debug:', {
debt: debt,
interestVal: interestVal,
interest: interest,
months: months,
monthlyPayment: result,
totalPayment: result * 60
});
return result;
}
let isInputFocused=false;
function updateAllValues(skipInputUpdate=false){
if(!skipInputUpdate&&!isInputFocused){
$('.treefrog-debt-input').val(debtAmount.toLocaleString('en-US'));
}
const consumerProposal=calculateConsumerProposal(debtAmount);
const debtConsolidation=calculateDebtConsolidation(debtAmount);
const repayFull=calculateRepayFull(debtAmount);
$('.treefrog-consumer-proposal-total').text(formatCurrency(consumerProposal));
$('.treefrog-consumer-proposal-monthly').text(formatCurrency(consumerProposal / 60));
$('.treefrog-debt-consolidation-total').text(formatCurrency(debtConsolidation * 60));
$('.treefrog-debt-consolidation-monthly').text(formatCurrency(debtConsolidation));
$('.treefrog-repay-full-total').text(formatCurrency(repayFull * 60));
$('.treefrog-repay-full-monthly').text(formatCurrency(repayFull));
}
$("#slider").rangeslider({
polyfill: false,
onInit: function(){
$(".rangeslider__handle").html(`
Slide
`);
updateAllValues();
},
onSlide: function(position, value){
debtAmount=parseInt(value);
$(".treefrog-slider-text").text("Slide");
updateAllValues();
},
onSlideEnd: function(){
console.log('Slider value: ' + $("#slider").val());
}});
$(document).on('focus', '.treefrog-debt-input', function(){
isInputFocused=true;
$(this).val(debtAmount);
});
$(document).on('blur', '.treefrog-debt-input', function(){
isInputFocused=false;
let value=$(this).val().replace(/[^0-9]/g, '');
if(value===''||isNaN(parseInt(value))){
$(this).val(debtAmount.toLocaleString('en-US'));
return;
}
value=parseInt(value);
if(value < 10000) value=10000;
if(value > 250000) value=250000;
debtAmount=value;
$('#slider').val(debtAmount);
$('#slider').rangeslider('update', true);
updateAllValues();
});
$(document).on('keypress', '.treefrog-debt-input', function(e){
if(e.which===13){
$(this).blur();
}});
});