{% extends "base.html" %}
<!--  -->
{% block content %}
<div class="hero">
  <div class="container hero-body">
    <div class="column is-4 is-offset-4">
      <br>
      <h1 class="title has-text-centered">Reset Your Password</h1>
      <div class="">

        <!-- form -->
        <form action="" method="POST">
          {{ form.hidden_tag() }}

          <!-- password -->
          <div class="field">
            <p>{{ form.password(class="input", placeholder="New Password") }}</p>
            {% for error in form.password.errors %}
            <span class="help" style="color: red;">{{ error }}</span>
            {% endfor %}
          </div>
          <br>

          <!-- password2 -->
          <div class="field">
            <p>{{ form.password2(class="input", placeholder="Repeat Password") }}</p>
            {% for error in form.password2.errors %}
            <span class="help" style="color: red;">{{ error }}</span>
            {% endfor %}
          </div>
          <br>

          <!-- reset password -->
          <div class="field">
            <p class="control">
              <button class="button is-fullwidth">Reset Password</button>
            </p>
          </div>
          <br>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock content %}