feat: reset password working

web/templates/users/reset_password_confirm.html

@@ -0,0 +1,50 @@
+{% extends 'theme/base.html' %}
+{% load i18n %}
+
+{% block main %}
+  <section class="bg-gray-50 dark:bg-gray-900">
+    <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
+
+      <a href="{% url 'web:index' %}" class="flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white">
+        <img class="w-8 h-8 mr-2" src="{{ logo }}" alt="logo">
+        {{ title }}
+      </a>
+
+      <div
+        class="w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-800 dark:border-gray-700">
+        <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
+          <h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
+            {% translate 'Restablecer contraseña' %}
+          </h1>
+        {% if valid_token %}
+          <form method="post">
+            {% csrf_token %}
+            {% for field in form %}
+
+              <div class="my-2 flex items-center">
+                <label for="{{ field.id_for_label }}"
+                       class="inline-block text-sm font-medium text-gray-900 dark:text-white mr-2">
+                  {{ field.label }}
+                </label>
+                {{ field }}
+              </div>
+
+            {% endfor %}
+            <button
+              class="w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">
+              {% translate 'Restablecer contraseña' %}
+            </button>
+            <p class="text-sm font-light text-gray-500 mt-4 dark:text-gray-400">
+              {% translate '¿Aún no tienes cuenta?' %}
+              <a href="{% url 'web:register' %}" class="font-medium text-primary-600 hover:underline dark:text-primary-500">{% translate 'Regístrate aquí' %}</a>
+            </p>
+          </form>
+        {% else %}
+          <span>El enlace no es válido o ha expirado</span>
+        {% endif %}
+        </div>
+      </div>
+    </div>
+  </section>
+
+{% endblock %}