{% extends "base.html" %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% block per_page_title %}
  Create a new password
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="grid-col-8">
    {% if user %}
      <h1 class="font-body-2xl margin-bottom-3">
        Create a new password
      </h1>
      <p>
        You can now create a new password for your account.
      </p>
      {% call form_wrapper() %}
        {{ form.new_password(param_extensions={"hint": {"text": "At least 8 characters"}}) }}
        {{ page_footer("Continue") }}
      {% endcall %}
    {% else %}
      <p>
        Message about email address does not exist. Some one needs to figure out the words here.
      </p>
    {% endif %}
  </div>
</div>

{% endblock %}