Support

.support-form-wrapper {
max-width: 600px;
margin: 20px 0;
}

.form-group {
margin-bottom: 20px;
}

.form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #0F172A;
}

.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #e5e7eb;
border-radius: 4px;
font-family: inherit;
}

.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #0D9488;
box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
}

.btn {
padding: 10px 24px;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: 600;
}

.btn-primary {
background-color: #0D9488;
color: white;
}

.btn-primary:hover {
background-color: #0a7a6f;
}

#support-form-response {
padding: 12px;
border-radius: 4px;
}

#support-form-response.success {
background-color: #d1fae5;
color: #065f46;
border: 1px solid #6ee7b7;
}

#support-form-response.error {
background-color: #fee2e2;
color: #991b1b;
border: 1px solid #fca5a5;
}

(function() {
const form = document.getElementById(‘support-form’);
const response = document.getElementById(‘support-form-response’);

if (!form) return;

form.addEventListener(‘submit’, function(e) {
e.preventDefault();

const formData = new FormData(form);
formData.append(‘action’, ‘submit_support_ticket’);
formData.append(‘_nonce’, ‘7a836d18f2’);

fetch(“https://admin.certapeptides.com/wp-admin/admin-ajax.php”, {
method: ‘POST’,
body: formData
})
.then(res => res.json())
.then(data => {
response.style.display = ‘block’;
if (data.success) {
response.className = ‘success’;
response.innerHTML = ‘✓ Thank you! Ticket #’ + data.ticket_id + ‘ created. Check your email for details.’;
form.reset();
} else {
response.className = ‘error’;
response.innerHTML = ‘✗ Error: ‘ + (data.message || ‘Failed to create ticket’);
}
})
.catch(err => {
response.style.display = ‘block’;
response.className = ‘error’;
response.innerHTML = ‘✗ Error: ‘ + err.message;
});
});
})();