{% extends "registration/auth_base.html" %}

{% block title %}{% if validlink %}Set New Password{% else %}Link Invalid{% endif %}{% endblock %}

{% block card %}
  {% if validlink %}
    <div class="login-card-title">Set New Passphrase</div>
    <p class="login-lede">Enter your new password below.</p>

    {% if form.errors %}
    <div class="login-error">
      {% for field in form %}
        {% for error in field.errors %}
          <p>{{ error }}</p>
        {% endfor %}
      {% endfor %}
      {% for error in form.non_field_errors %}
        <p>{{ error }}</p>
      {% endfor %}
    </div>
    {% endif %}

    <form method="post">
      {% csrf_token %}
      <div class="form-group">
        <label class="form-label" for="id_new_password1">New password</label>
        <input type="password" name="new_password1" id="id_new_password1" class="form-input"
               placeholder="••••••••" autocomplete="new-password" autofocus required>
      </div>
      <div class="form-group">
        <label class="form-label" for="id_new_password2">Confirm password</label>
        <input type="password" name="new_password2" id="id_new_password2" class="form-input"
               placeholder="••••••••" autocomplete="new-password" required>
      </div>
      <button type="submit" class="btn-login">Reset password</button>
    </form>
  {% else %}
    <div class="login-card-title">Link Invalid</div>
    <p class="login-lede">This password reset link is invalid or has expired.</p>

    <a href="{% url 'erp-password-reset' %}" class="btn-login">Request a new link</a>
  {% endif %}
{% endblock %}

{% block footer %}
  <div class="login-footer">
    <a href="{% url 'erp-login' %}">Back to sign in</a>
  </div>
{% endblock %}