<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Reset Password</title>
    <style type="text/css">
      <%- include('main.css', {}); %>
     </style>
  </head>
  <body>
    <header role="navigation" class="header header__desktop fixed">
      <section class="header-wrap">
        <div class="logo-block">
          <img src="https://design.inrupt.com/atomic-core/img/solid.svg" />
        </div>
      </section>
    </header>
    <div class="main-content">
      <section class="main-content-section">
        <div class="wrapper">
          <h1 class="title--white">Reset Password</h1>
          <div class="login-panel">
            <div class="panel-body">
              <form autocomplete="off" action="<%= pathPrefix %>/resetpassword/<%= forgotPasswordUUID %>" method="post">

                <%if (errorMessage) { %>
                  <div class="input-wrap">
                    <label style="color: #D0021B">
                      <%= errorMessage %>
                    </label>
                  </div>
                <% } %>

                <div class="input-wrap">
                  <label>New Password:</label>
                  <input type="password" name="password" placeholder="" />
                </div>
        
                <div class="input-wrap">
                  <label>Confirm New Password:</label>
                  <input type="password" name="confirmPassword" placeholder="" />
                </div>
        
                <button type="submit" name="submit" class="ids-link-filled">Reset Password</button>
              </form>
            </div>
          </div>
        </div>
      </section>
    </div>
  </body>
</html>