// Backend webhook handler (Node.js / Express)
// Webflow sends form submissions to this endpoint
app.post('/webhooks/webflow-form', async (req, res) => {
  const formEmail = req.body.data?.email || req.body.email;

  const response = await fetch('https://api.mailodds.com/v1/validate', {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer YOUR_API_KEY',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({ email: formEmail })
  });

  const result = await response.json();

  if (result.action === 'accept') {
    // Valid lead: add to CRM, mailing list, etc.
    console.log('Valid lead:', result.email);
  } else {
    // Invalid or risky: log for review
    console.log('Rejected:', result.email, result.sub_status);
  }

  res.json({ status: 'processed' });
});

// Webflow custom code (Page Settings > Before </body> tag)
// Intercepts form submission and validates via your backend
const form = document.querySelector('#email-form');
form.addEventListener('submit', async (e) => {
  e.preventDefault();
  const formEmail = form.querySelector('[name="email"]').value;
  const statusEl = document.querySelector('#validation-status');

  statusEl.textContent = 'Validating...';
  const res = await fetch('https://yoursite.com/api/validate-email', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ email: formEmail })
  });
  const data = await res.json();

  if (data.action === 'accept') {
    statusEl.textContent = 'Email verified!';
    form.submit(); // Allow the form to submit normally
  } else {
    statusEl.textContent = 'Please enter a valid email address.';
  }
});