<form onsubmit="handleSubmit(event)">
  <label for="name">Name:</label>
  <input name="name" id="name" type="text" required />
  <label for="email">Email:</label>
  <input name="email" id="email" type="email" required />
  <label for="message">Message:</label>
  <textarea name="message" id="message" rows="5" required></textarea>
  <button type="submit">Send</button>
</form>

<script>
async function handleSubmit(event) {
  event.preventDefault();
  const API_KEY = 'YOUR_FORMIIX_API_KEY';
  const url = `https://formiix.site/api/submit?key=${API_KEY}`;
  const formData = new FormData(event.target);
  const formObject = Object.fromEntries(formData.entries());
  
  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'x-api-key': API_KEY,
        'Accept': 'application/json'
      },
      body: JSON.stringify(formObject)
    });
    
    const data = await response.json();
    if (response.ok) {
      alert('Thank you! Your message has been sent.');
      event.target.reset();
    } else {
      alert('Error: ' + (data.message || 'Submission failed'));
    }
  } catch (error) {
    alert('Error: Failed to submit form');
  }
}
</script>