{% extends "base.html" %}

{% block content %}
<div class="section has-text-centered">
  <h1 class="title">{{ gettext('Change email address') }}</h1>
  <form method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="field">
      {{ form.new_email.label(class="label") }}
      <div class="control">
        {{ form.new_email() }}
      </div>
      {% if form.new_email.errors is defined and form.new_email.errors %}
      {% for error in form.errors['new_email'] %}
      <p class="help is-danger">{{ error }}</p>
      {% endfor %}
      {% endif %}
    </div>
    <div class="field">
      {{ form.current_password.label(class="label") }}
      <div class="control">
        {{ form.current_password() }}
      </div>
      {% if form.current_password.errors is defined and form.current_password.errors %}
      {% for error in form.errors['current_password'] %}
      <p class="help is-danger">{{ error }}</p>
      {% endfor %}
      {% endif %}
    <div class="field">
      <div class="control">
        <button class="button is-primary" type="submit">
          {{ gettext("Submit")}}
        </button>
      </div>
    </div>
  </form>
</div>
{% endblock %}