<form id="login-form"
      hx-post="/api/htmx/auth/otp/request"
      hx-target="#login-form"
      hx-swap="outerHTML"
      class="flex flex-col gap-4">

  <p class="text-sm text-base-content/70">{{ subtitle }}</p>

  {% if error %}
  <p class="text-error text-sm" role="alert">{{ error }}</p>
  {% endif %}

  <input type="hidden" name="lang" value="{{ lang }}">
  {% if return_url %}<input type="hidden" name="return_url" value="{{ return_url }}">{% endif %}
  <input type="email"
         name="email"
         id="auth-email"
         autocomplete="email"
         aria-label="Email address"
         placeholder="{{ placeholder }}"
         value="{{ email | default('') }}"
         required
         class="input input-bordered w-full">

  <button type="submit" class="btn btn-primary w-full">{{ continue_btn }}</button>
</form>
