{% extends "allauth/layouts/entrance.html" %}
{% load i18n %}

{% block title %}{% trans "Password Changed" %}{% endblock %}

{% block body_inner %}
<div class="bg-white max-w-md w-full sm:border sm:border-gray-200 sm:rounded-xl sm:shadow-2xs">
  <div class="p-8 text-center">
    <h1 class="text-2xl font-bold text-gray-900">{% trans "Password Successfully Changed" %}</h1>

    <p class="mt-4 text-sm text-gray-600">
      {% trans "Your password has been changed." %}
    </p>

    <div class="mt-6">
      <a href="{% url 'account_login' %}"
         class="w-full inline-flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
        {% trans "Sign In" %}
      </a>
    </div>
  </div>
</div>
{% endblock %}