document.addEventListener("DOMContentLoaded", function () {
    const form = document.getElementById("report-expired-form");
    const responseMessage = document.getElementById("response-message");

    form.addEventListener("submit", function (event) {
        event.preventDefault(); // Prevent the default form submission

        // Collect form data
        const email = document.getElementById("email").value;
        const dealId = document.getElementById("deal-id").value;

        // AJAX request
        jQuery.ajax({
            url: ajax_obj.ajax_url, // AJAX URL from localized script
            type: "POST",
            data: {
                action: "report_expired", // Action name for the server-side handler
                email: email,
                deal_id: dealId,
            },
            success: function (response) {
                if (response.success) {
                    responseMessage.innerHTML = `<p style="color: green;">${response.data.message}</p>`;
                } else {
                    responseMessage.innerHTML = `<p style="color: red;">${response.data.message}</p>`;
                }
            },
            error: function () {
                responseMessage.innerHTML = `<p style="color: red;">There was an error submitting the form. Please try again.</p>`;
            },
        });
    });
});