<div class="ds-auth-form">
  <form hx-post="/api/auth/login"
        hx-target="#login-result"
        hx-swap="innerHTML"
        class="ds-form">
    <div class="ds-form-group">
      <label for="login-email" class="ds-label">{{ texts["auth-email-address"] }}</label>
      <input id="login-email"
             name="email"
             type="email"
             class="ds-input"
             placeholder="{{ texts['auth-enter-email'] }}"
             required
             autocomplete="email" />
    </div>
    <div class="ds-form-group">
      <label for="login-password" class="ds-label">{{ texts["auth-password"] }}</label>
      <input id="login-password"
             name="password"
             type="password"
             class="ds-input"
             placeholder="{{ texts['auth-enter-password'] }}"
             required
             autocomplete="current-password" />
    </div>
    <div class="ds-form-row ds-justify-between ds-align-center">
      <label class="ds-checkbox-label">
        <input type="checkbox" name="remember_me" class="ds-checkbox" />
        {{ texts["auth-remember-me"] }}
      </label>
      <a href="#" class="ds-link ds-text-sm">{{ texts["auth-forgot-password"] }}</a>
    </div>
    <button type="submit" class="ds-button ds-button-primary ds-w-full">
      {{ texts["auth-sign-in"] }}
    </button>
    <div id="login-result"></div>
  </form>
</div>
