martials.no/src/components/ContactMeForm.astro

---
import Input from "@/components/Input.astro"
import * as m from "@/paraglide/messages.js"
// TODO self-host email server
---

<form
  class="flex flex-col gap-2 max-w-[500px] mx-auto"
  method="post"
  action="https://formspree.io/f/mknykgbn"
>
  <Input label={m.name()} type="text" name="name" required />
  <Input label={m.subject()} name="subject" required />
  <Input label={m.email()} name="_replyto" />
  <input name="_gotcha" type="text" class={"hidden"} />
  {/*Honeypot spam filter*/}
  <label class="flex flex-col">
    {m.message()}
    <textarea name="message" class="textarea textarea-bordered" required
    ></textarea>
  </label>
  <button type="submit">{m.send()}</button>
</form>