Kutt/server/views/partials/auth/form.hbs

<form id="login-signup" hx-post="/api/auth/login" hx-swap="outerHTML">
  <label class="{{#if errors.email}}error{{/if}}">
    Email address:
    <input
      name="email"
      id="email"
      type="email"
      autofocus="true"
      placeholder="Email address..."
      hx-preserve="true"
    />
    {{#if errors.email}}<p class="error">{{errors.email}}</p>{{/if}}
  </label>
  <label  class="{{#if errors.password}}error{{/if}}">
    Password:
    <input
      name="password"
      id="password"
      type="password"
      placeholder="Password..."
      hx-preserve="true"
    />
    {{#if errors.password}}<p class="error">{{errors.password}}</p>{{/if}}
  </label>
  {{!-- TODO: Agree with terms --}}
  <div class="buttons-wrapper">
    <button type="submit" class="primary login">
      <span>{{> icons/login}}</span>
      <span>{{> icons/spinner}}</span>
      Log in
    </button>
    <button 
      type="button"
      class="secondary signup" 
      hx-post="/api/auth/signup" 
      hx-target="#login-signup" 
      hx-trigger="click" 
      hx-indicator="#login-signup" 
      hx-swap="outerHTML"
      hx-sync="closest form"
      hx-on:htmx:before-request="htmx.addClass('#login-signup', 'signup')"
      hx-on:htmx:after-request="htmx.removeClass('#login-signup', 'signup')"
    >
        <span>{{> icons/new_user}}</span>
        <span>{{> icons/spinner}}</span>
        Sign up
    </button>
  </div>
  <a class="forgot-password" href="/reset-password" title="Reset password">Forgot your password?</a>
  {{#unless errors}}
    {{#if error}}
      <p class="error">{{error}}</p>
    {{/if}}
  {{/unless}}
</form>