<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Change Password</title>
  <link rel="stylesheet" href="/common/css/bootstrap.min.css">
  <link rel="stylesheet" href="/common/css/solid.css">
</head>
<body>
<div class="container">

  <div class="page-header">
    <h1>Change Password</h1>
  </div>

  {{#if validToken}}
    <form method="post" action="/account/password/change">
      {{> shared/error}}


      <div class="form-group has-feedback">
        <label class="control-label" for="password">New Password*</label>
        <input type="password" class="form-control control-progress" name="newPassword" id="password" required/>
        <span class="glyphicon glyphicon-remove form-control-feedback hidden" aria-hidden="true"></span>
        <div class="progress">
          <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="4"></div>
        </div>
        <div class="help-block"></div>
      </div>


      <div class="form-group has-feedback">
        <label class="control-label" for="repeat_password">Repeat password*</label>
        <input type="password" class="form-control" name="repeat_password" id="repeat_password" required/>
        <span class="glyphicon glyphicon-remove form-control-feedback hidden"></span>
      </div>

      <button type="submit" class="btn btn-primary">Change Password</button>
      <input type="hidden" name="returnToUrl" value="{{{returnToUrl}}}"/>
      <input type="hidden" name="token" value="{{token}}"/>

    </form>

    <script src="/common/js/owasp-password-strength-test.js" defer></script>
    <script src="/common/js/text-encoder-lite.min.js" defer></script>
    <script src="/common/js/solid.js" defer></script>

  {{else}}

  <a class="btn btn-primary" href="/account/password/reset{{#if returnToUrl}}?returnToUrl={{{returnToUrl}}}{{/if}}">
    Email password reset link
    </a>

  {{/if}}
</div>
</body>
</html>
