✏ 编辑: query-modal.js

// Query Modal Functions
function openQueryModal() {
    const modal = document.getElementById('queryModal');
    if (modal) {
        modal.style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
}

function closeModal() {
    const modal = document.getElementById('queryModal');
    if (modal) {
        modal.style.display = 'none';
        document.body.style.overflow = 'auto';
    }
}

// Close on outside click
window.addEventListener('click', function(event) {
    const modal = document.getElementById('queryModal');
    if (event.target === modal) {
        closeModal();
    }
});

// Close on Escape key
document.addEventListener('keydown', function(event) {
    if (event.key === 'Escape') {
        const modal = document.getElementById('queryModal');
        if (modal && modal.style.display === 'block') {
            closeModal();
        }
    }
});

// Form submission handler
document.addEventListener('DOMContentLoaded', function() {
    const queryForm = document.getElementById('queryForm');
    
    if (queryForm) {
        queryForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            // Show loading state
            const submitBtn = queryForm.querySelector('.submit-btn');
            const originalText = submitBtn.textContent;
            submitBtn.textContent = 'Submitting...';
            submitBtn.disabled = true;
            
            const formData = new FormData(queryForm);
            
            // Send data to server
            fetch('submit_query.php', {
                method: 'POST',
                body: formData
            })
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok');
                }
                return response.json();
            })
            .then(data => {
                if (data.success) {
                    alert(data.message || 'Thank you! Your query has been submitted successfully.');
                    queryForm.reset();
                    closeModal();
                } else {
                    alert(data.message || 'Failed to submit query. Please try again.');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('An error occurred. Please try again later.');
            })
            .finally(() => {
                // Restore button state
                submitBtn.textContent = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});

[X] 取消