{% extends 'base.html' %}
{% load crispy_forms_tags i18n %}

{% block head_title %}{% trans "Change Password" %}{% endblock %}

{% block content %}
<div class="container mx-auto max-w-md mt-6">
  {% if token_fail %}
    <h2 class="text-3xl font-bold text-center mb-4">{% trans "Bad Token" %}</h2>
    <p class="mb-4 text-center">
      {% trans "The password reset link was invalid. Perhaps it has already been used? Please request a" %}
      <a href="{% url 'account_reset_password' %}" class="text-primary underline">{% trans "new password reset" %}</a>.
    </p>
  {% else %}
    {% if form %}
      <h2 class="text-3xl font-bold text-center mb-6">{% trans "Change Password" %}</h2>
      <form method="POST" action="." class="space-y-4">
        {% csrf_token %}
        {{ form|crispy }}
        <button class="btn btn-primary w-full" type="submit">{% trans "Change Password" %}</button>
      </form>
    {% else %}
      <h2 class="text-3xl font-bold text-center mb-4">{% trans "Password Changed" %}</h2>
      <p class="text-center">{% trans "Your password is now changed." %}</p>
    {% endif %}
  {% endif %}
</div>
{% endblock %}