{{ define "contact_page" }}
{{ template "base" . }}
{{ end }}

{{ define "contact_content" }}
<article>
  <h1 class="text-2xl font-bold mb-4">Contact Me</h1>

  <form action="https://api.staticforms.xyz/submit" method="POST" class="space-y-4 max-w-xl">
    <!-- StaticForms API Key -->
    <input type="hidden" name="accessKey" value="sf_5m86ek16hmele1jlkl62ghml" />

    <!-- Optional redirect after success -->
    <input type="hidden" name="redirectTo" value="/thanks/" />

    <label>
      <span>Name</span>
      <input id="name" type="text" name="name" required class="w-full border p-2 rounded" />
      <span class="text-red-600 text-sm hidden" data-error="name"></span>
    </label>

    <label>
      <span>Email</span>
      <input id="email" type="email" name="email" required class="w-full border p-2 rounded" />
      <span class="text-red-600 text-sm hidden" data-error="email"></span>
    </label>

    <label>
      <span>Message</span>
      <textarea id="message" name="message" rows="5" required class="w-full border p-2 rounded"></textarea>
      <span class="text-red-600 text-sm hidden" data-error="message"></span>
    </label>

    <!-- reCAPTCHA if configured in dashboard -->
    <!-- <div class="g-recaptcha" data-sitekey="your-recaptcha-site-key"></div> -->

    <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
      Send Message
    </button>
  </form>
</article>
{{ end }}