<!-- 1. HTML Form -->
<form id="gabmic-form">
  <input type="hidden" id="companyId" value="PokwCAP5KjO3YI606QO16rVXZXy1">
  <input type="text" id="name" placeholder="Your Name" required>
  <input type="email" id="email" placeholder="Your Email" required>
  <textarea id="message" placeholder="How can we help?"></textarea>
  <button type="submit" style="background:#ff8500; color:black; border:none; padding:10px; border-radius:5px; font-weight:bold;">Submit Lead</button>
</form>

<!-- 2. Connection Script -->
<script>
  document.getElementById('gabmic-form').onsubmit = async (e) => {
    e.preventDefault();
    const data = {
      companyId: document.getElementById('companyId').value,
      senderName: document.getElementById('name').value,
      senderEmail: document.getElementById('email').value,
      rawMessage: document.getElementById('message').value
    };
    
    await fetch('https://inboundleadwebhook-h5g5f5f3la-uc.a.run.app', {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify(data)
    });
    
    alert('Message sent to GABMIC AI!');
  };
</script>