function updateDonationValue() {
    const donationInput = document.getElementById("donation");
    const addDonationCheckbox = document.getElementById("add_donation0");
    const totalInput = document.getElementById("total");
 
    if (donationInput && totalInput) {
        let donationValue = parseFloat(donationInput.value) || 0;
 
        if (addDonationCheckbox && addDonationCheckbox.checked) {
            totalInput.value = (donationValue * 1.03).toFixed(2); // Add 3%
        } else {
            totalInput.value = donationValue.toFixed(2); // Revert to original value
        }
    }
}

function uncheckDonationCheckboxOnChange(donationFieldId, checkboxId) {
    // Add an event listener to the donation field
    document.getElementById(donationFieldId).addEventListener('input', function() {
        // Uncheck the checkbox when the donation field changes
        document.getElementById(checkboxId).checked = false;
    });
}
 
// Example usage:
// Call the function with your donation field and checkbox IDs in the donation fields additional attributes
// onChange="uncheckDonationCheckboxOnChange('donation', 'add_donation0');"

function handleDonationChange(donationFieldId, checkboxId, totalFieldId) {
    let donationField = document.getElementById(donationFieldId);
    let checkbox = document.getElementById(checkboxId);
    let totalField = document.getElementById(totalFieldId);
 
    function updateTotal() {
        let donationAmount = parseFloat(donationField.value) || 0;
        let totalAmount = checkbox.checked ? donationAmount * 1.03 : donationAmount;
 
        // Ensure total is always two decimal places
        let formattedTotal = totalAmount.toFixed(2);
 
        // Update text-based elements and input fields
        if (totalField.tagName === "INPUT") {
            totalField.value = formattedTotal; // If total is an input field
        } else {
            totalField.textContent = formattedTotal; // If total is a span, div, etc.
        }
    }
 
    // Update total on donation input change
    donationField.addEventListener('input', updateTotal);
 
    // Format donation input when user clicks away (on blur)
    donationField.addEventListener('blur', function () {
        let value = donationField.value.trim();
        donationField.value = value === "" || isNaN(value) ? "0.00" : parseFloat(value).toFixed(2);
        updateTotal();
    });
 
    // Update total when checkbox is toggled
    checkbox.addEventListener('change', updateTotal);
 
    // Initialize total on page load (ensures correct value if form is prefilled)
    updateTotal();
}
 
// Example usage:
// Call the function with donation field, checkbox ID, and totalID  in the donation fields additional attributes
// onChange="handleDonationChange('donation', 'add_donation0', 'total');"