{{template "base" .}}

{{define "title"}}Set New Password — Arcline IT Client Portal{{end}}

{{define "content"}}
<div class="auth-wrap">
  <div class="auth-card">
    <div class="auth-card__header">
      <span class="auth-card__prompt">$ arcline-billing --set-password</span>
    </div>
    <div class="auth-card__body">
      <h1 class="auth-card__title">Set a new password</h1>

      {{if .Error}}
      <div class="alert alert--error">
        {{if eq .Error "invalid_token"}}This reset link is invalid or has expired.
        {{else if eq .Error "missing_password"}}Please enter a new password.
        {{else if eq .Error "password_mismatch"}}Passwords do not match.
        {{else if eq .Error "password_too_short"}}Password must be at least 8 characters.
        {{else if eq .Error "server_error"}}A server error occurred. Please try again.
        {{else}}An error occurred. Please try again.{{end}}
      </div>
      {{end}}

      <form method="POST" action="/reset/{{.Token}}" class="form">
        <div class="form__group">
          <label class="form__label" for="password">New password <span class="form__hint">(min. 8 characters)</span></label>
          <input class="form__input" type="password" id="password" name="password"
                 autocomplete="new-password" required placeholder="••••••••" minlength="8">
        </div>
        <div class="form__group">
          <label class="form__label" for="confirm_password">Confirm new password</label>
          <input class="form__input" type="password" id="confirm_password" name="confirm_password"
                 autocomplete="new-password" required placeholder="••••••••" minlength="8">
        </div>
        <button class="btn btn--primary btn--full" type="submit">Update password</button>
      </form>

      <div class="auth-card__links">
        <a href="/login" class="auth-card__link">Back to sign in</a>
      </div>
    </div>
  </div>
</div>
{{end}}