<form action="https://formspree.io/f/xjkaaeyw" method="POST"
      style="display:flex;flex-direction:column;gap:15px;max-width:600px;margin:auto;">

  <input type="text" name="name"
    placeholder="Vaše jméno *" required
    style="padding:12px;border:1px solid #ccc;border-radius:6px;">

  <input type="email" name="email"
    placeholder="Váš e-mail *" required
    style="padding:12px;border:1px solid #ccc;border-radius:6px;">

  <input type="text" name="subject"
    placeholder="Předmět"
    style="padding:12px;border:1px solid #ccc;border-radius:6px;">

  <textarea name="message"
    placeholder="Vaše zpráva *" required
    style="padding:12px;border:1px solid #ccc;border-radius:6px;min-height:130px;"></textarea>

  <!-- honeypot anti-spam -->
  <input type="text" name="_gotcha" style="display:none">

  <button type="submit"
    style="background:#1a6b3c;color:white;padding:14px;border:none;
           border-radius:6px;cursor:pointer;font-weight:700;font-size:15px;">
    Odeslat zprávu
  </button>
</form>

<script>
const form = document.querySelector('form[action*="formspree"]');

form.addEventListener('submit', async (e) => {
  e.preventDefault();

  const btn = form.querySelector('button[type="submit"]');
  btn.textContent = 'Odesílám…';
  btn.disabled = true;

  const data = new FormData(form);

  try {
    const response = await fetch(form.action, {
      method: 'POST',
      body: data,
      headers: { 'Accept': 'application/json' }
    });

    if (response.ok) {
      form.innerHTML = `
        <div style="text-align:center;padding:32px;color:#1a6b3c;">
          <div style="font-size:40px;margin-bottom:12px;">✓</div>
          <strong>Zpráva odeslána!</strong><br>
          Ozvu se vám do 24 hodin.
        </div>`;
    } else {
      btn.textContent = 'Odeslat zprávu';
      btn.disabled = false;
      alert('Při odesílání došlo k chybě. Zkuste to prosím znovu.');
    }
  } catch {
    btn.textContent = 'Odeslat zprávu';
    btn.disabled = false;
    alert('Chyba připojení. Zkuste to prosím znovu.');
  }
});
</script>