(() => {
const form = document.getElementById('contactForm');
const feedbackMessage = document.getElementById('feedbackMessage');
const sendButton = form?.querySelector('.send-btn');
if (!form || !sendButton || !feedbackMessage) return;
form.addEventListener('submit', async (e) => {
e.preventDefault();
sendButton.disabled = true;
sendButton.textContent = 'Sending...';
feedbackMessage.style.display = 'none';
const data = {
name: form.name.value,
email: form.email.value,
subject: form.subject.value,
message: form.message.value,
};
try {
const response = await fetch('https://dashboard.proxyscrape.com/v2/v4/contact', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
});
if (response.ok) {
form.reset();
showMessage('Thank you for submitting your ticket. We will get back to you within 24 hours.', 'success');
} else {
showMessage('Failed to send message. Please try again.', 'error');
}
} catch {
showMessage('You have sent too many messages, please try again later.', 'error');
}
sendButton.disabled = false;
sendButton.textContent = 'Send';
});
function showMessage(msg, type) {
feedbackMessage.textContent = msg;
feedbackMessage.className = 'feedback-message ' + type;
feedbackMessage.style.display = 'block';
}
})();
