{{ define "title" }}Change {{.Pwtype}} password{{ end }}

{{ define "content" }}
<form method="post" autocomplete="off" class="column">
  <h2>Change {{ .Pwtype }} password</h2>
  <p>When thinking of a new password you need to remember to use:</p>
  <ul class="indented">
    <li>no fewer than ten characters</li>
    <li>at least one upper case and one lower case letter</li>
    <li>three or more numbers or special characters i.e. <pre>,.][!@#$%^&*?_()-</pre></li>
  </ul>
  <br>
  {{ .CsrfField }}
  <label class="form-element-wrapper">New password
    <input id="new_password" type="password" name="new_password" class="form-element form-field" data-password-strength />
  </label>
  <label class="form-element-wrapper">Repeat password
    <input type="password" name="new_password_again" class="form-element form-field" data-same-as="new_password" />
  </label>
  <div class="form-element-wrapper">
  <input type="submit" value="Change password" class="form-element form-button" />
  </div>
</form>
  
  <div class="column full">
    <a href="{{.BasePath}}/">Back</a>
  </div>
  <script src="{{.BasePath}}/static/js/password_strength.js"></script>
{{ end }}