document.addEventListener('DOMContentLoaded', function () {
    const surveyForm = document.getElementById('survey-form');
    if (!surveyForm) return;

    const successMessage = document.getElementById('success-message');
    const formContainer = document.querySelector('.form-container');

    surveyForm.addEventListener('submit', function (e) {
        e.preventDefault();

        const formData = new FormData(this);
        const emailInput = document.getElementById('email');
        if (emailInput) {
            formData.append('email', emailInput.value);
        }

        fetch('submit_feedback.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                if (formContainer) {
                    formContainer.classList.add('hidden');
                }
                if (successMessage) {
                    successMessage.classList.remove('hidden');
                }
            } else {
                alert('An error occurred: ' + (data.error || 'Unknown error'));
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('A server error occurred. Please try again later.');
        });
    });

    function validateEmail(email) {
        const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test(String(email).toLowerCase());
    }
});