{%extends "base.html"%}

{%block title%}gn-auth: Change Password{%endblock%}

{%block pagetitle%}Change Password{%endblock%}

{%block content%}
{{flash_messages()}}

<div class="container-fluid">
  <div class="row"><h1>Change Password</h1></div>

  <div class="row">
    <form method="POST"
          action="{{url_for('oauth2.users.change_password',
                  client_id=client_id,
                  redirect_uri=redirect_uri,
                  response_type=response_type,
                  forgot_password_token=forgot_password_token)}}">
      <div class="form-group">
        <p class="form-text text-info">
          Change the password for your account with the email
          "<strong>{{email}}</strong>".
        </p>
      </div>

      <div class="form-group">
        <label for="txt-password" class="form-label">New Password</label>
        <input type="password"
               id="txt-password"
               name="password"
               class="form-control"
               required="required" />
      </div>

      <div class="form-group">
        <label for="txt-confirm" class="form-label">Confirm New Password</label>
        <input type="password"
               id="txt-confirm"
               name="confirm-password"
               class="form-control"
               required="required" />
      </div>

      <div class="form-group">
        <input type="submit" class="btn btn-danger" value="change password" />
      </div>
    </form>
  </div>

</div>
{%endblock%}