{{define "content"}}
<div class="card">
  <h1>Change password</h1>
  {{if .User.MustChangePassword}}
  <p class="hint">You must set a new password before continuing.</p>
  {{end}}
  <div class="error-box" id="error" role="alert"></div>
  <form id="change-password-form" class="mt">
    <div class="field">
      <label for="current">Current password</label>
      <input type="password" id="current" autocomplete="current-password" required>
    </div>
    <div class="field">
      <label for="new">New password</label>
      <input type="password" id="new" autocomplete="new-password" minlength="8" required>
    </div>
    <div class="field">
      <label for="confirm">Confirm new password</label>
      <input type="password" id="confirm" autocomplete="new-password" minlength="8" required>
    </div>
    <button class="btn primary" type="submit">Change password</button>
  </form>
</div>
{{end}}