<form id="login-signup" hx-post="/api/auth/login" hx-swap="outerHTML">
  {{#unless disallow_login_form}}
    <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>
    <div class="buttons-wrapper">
      <button 
        type="submit" 
        class="primary login {{#if disallow_registration}}full{{else}}{{#unless mail_enabled}}full{{/unless}}{{/if}}"
      >
        <span>{{> icons/login}}</span>
        <span>{{> icons/spinner}}</span>
        Log in
      </button>
      {{#unless disallow_registration}}
        {{#if mail_enabled}}
          <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>
        {{/if}}
      {{/unless}}
    </div>
  {{/unless}}
  {{#if oidc_enabled}}
    <div class="buttons-wrapper">
      <a class="button secondary full" href="/login/oidc" title="Login with OIDC">
        <span>{{> icons/key}}</span>
        {{oidc_button_text}}
      </a>
    </div>
  {{/if}}
  {{#unless disallow_login_form}}
    {{#if mail_enabled}}
      <a class="forgot-password" href="/reset-password" title="Reset password">Forgot your password?</a>
    {{/if}}
  {{/unless}}
  {{#unless errors}}
    {{#if error}}
      <p class="error">{{error}}</p>
    {{/if}}
  {{/unless}}
</form>