<!-- ContactFire Form Integration -->
<form action="https://my.contactfire.com/api/submit" method="POST" enctype="multipart/form-data">
  <input type="hidden" name="_contactfire_token" value="cf_demo_token_12345abcdef">
  <input type="hidden" name="_redirect" value="https://contactfire.com/thank-you">
  
  <div>
    <label for="name">Name *</label>
    <input type="text" name="name" id="name" required>
  </div>
  
  <div>
    <label for="email">Email *</label>
    <input type="email" name="email" id="email" required>
  </div>
  
  <div>
    <label for="message">Message *</label>
    <textarea name="message" id="message" required></textarea>
  </div>
  
  
  <div>
    <label for="attachment">Attachment</label>
    <input type="file" name="attachment" id="attachment" 
           accept="image/*,.pdf,.doc,.docx"
           data-max-size="5242880">
  </div>
  
  
  <button type="submit">Send Message</button>
</form>

<script>
// Basic client-side validation and enhancement
document.querySelector('form').addEventListener('submit', function(e) {
  // Add any custom validation here
  console.log('Form submitted via ContactFire');
});
</script>

// ContactFire JavaScript Integration
import { ContactFireClient } from './contactfire-client.js';

const client = new ContactFireClient({
  embedToken: 'cf_demo_token_12345abcdef',
  environment: 'production'
});

// Example form submission
async function submitForm(formData) {
  try {
    const result = await client.submitWithEmbedToken(formData);
    
    if (result.success) {
      console.log('Form submitted successfully:', result.submissionId);
      // Handle success (e.g., show thank you message)
    } else {
      console.error('Form submission failed:', result.errors);
      // Handle errors
    }
  } catch (error) {
    console.error('Submission error:', error);
  }
}

// Usage example
const formElement = document.getElementById('contact-form');
formElement.addEventListener('submit', async (e) => {
  e.preventDefault();
  
  const formData = new FormData(formElement);
  const data = Object.fromEntries(formData.entries());
  
  await submitForm(data);
});