document.addEventListener("DOMContentLoaded", function () {
    const forms = document.querySelectorAll("form[id^='refundForm']"); 

    forms.forEach(form => {
        form.addEventListener("submit", function (event) {
            event.preventDefault();
            let isValid = true;
            const inputs = form.querySelectorAll("input:not([type=checkbox])");
            const check = form.querySelector("input[type=checkbox]");
 
            inputs.forEach(input => {
                if (input.value.trim() === "") {
                    input.classList.add("is-invalid");
                    isValid = false;
                } else {
                    input.classList.remove("is-invalid");
                }
            });
 
            if (!check.checked) {
                check.classList.add("is-invalid");
                isValid = false;
            } else {
                check.classList.remove("is-invalid");
            }
 
            if (isValid) {
                const modal = bootstrap.Modal.getInstance(document.getElementById("refundModal"));
                if (modal) {
                    modal.hide();
                }

                setTimeout(() => {
                    window.location.href = "/thanks";
                }, 500);
            }
        });
    });
});