{{template "base" .}}

{{define "title"}}Reset 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 --reset-password</span>
    </div>
    <div class="auth-card__body">
      <h1 class="auth-card__title">Reset your password</h1>

      {{if .Sent}}
      <div class="alert alert--ok">
        If an account exists for that email, a reset link has been sent. Check your inbox.
      </div>
      {{else}}

      {{if .Error}}
      <div class="alert alert--error">
        {{if eq .Error "missing_email"}}Please enter your email address.
        {{else}}An error occurred. Please try again.{{end}}
      </div>
      {{end}}

      <p class="auth-card__desc">
        Enter your account email and we'll send you a link to reset your password.
      </p>

      <form method="POST" action="/reset" class="form">
        <div class="form__group">
          <label class="form__label" for="email">Email</label>
          <input class="form__input" type="email" id="email" name="email"
                 autocomplete="email" required placeholder="you@example.com">
        </div>
        <button class="btn btn--primary btn--full" type="submit">Send reset link</button>
      </form>

      {{end}}

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