{% extends "base.html" %}
{% block title %}Change Password | BancaNet{% endblock %}
{% block content %}
<div class="pwd-kia {% if via_temp %}is-temp{% endif %}">
  <h1 class="pwd-kia__title">{{ t('pwd.title') }}</h1>
  {% if via_temp %}
  <p class="pwd-kia__hint is-temp">{{ t('pwd.hint_temp') }}</p>
  {% else %}
  <p class="pwd-kia__hint">{{ t('pwd.hint') }}</p>
  {% endif %}

  <form method="post" class="pwd-kia__form" autocomplete="off">
    {{ form.hidden_tag() }}
    {% if not via_temp %}<label class="pwd-kia__field">Contraseña actual<input type="password" name="current_password" autocomplete="current-password" required></label>{% endif %}

    <label class="pwd-kia__field" for="password">
      <span>{{ t('pwd.new') }}</span>
      {{ form.password(id="password", minlength="6", maxlength="128", placeholder=t('pwd.placeholder'), autocomplete="new-password") }}
    </label>

    <label class="pwd-kia__field" for="confirm_password">
      <span>{{ t('pwd.confirm') }}</span>
      {{ form.confirm_password(id="confirm_password", minlength="6", maxlength="128", placeholder=t('pwd.repeat'), autocomplete="new-password") }}
    </label>

    <label class="pwd-kia__confirm" for="confirm_change">
      {{ form.confirm_change(id="confirm_change") }}
      <span>Confirmo que quiero cambiar mi contraseña</span>
    </label>

    {% for field in [form.password, form.confirm_password, form.confirm_change] %}
      {% for error in field.errors %}
      <div class="pwd-kia__error">{{ error }}</div>
      {% endfor %}
    {% endfor %}

    <button class="pwd-kia__submit" type="submit">{{ t('pwd.save') }}</button>
  </form>
</div>
{% endblock %}