{% extends "admin/base_site.html" %}
{% load i18n daisy_theme %}

{% block title %}{% translate 'Password change successful' %} | {% daisy_config "SITE_TITLE" "Django Administration" %}{% endblock %}

{% block breadcrumbs %}
{% if daisy_theme.SHOW_BREADCRUMBS %}
<div class="breadcrumbs text-sm py-2 px-4 bg-base-100/50 border-b border-base-200">
  <ul>
    <li>
      <a href="{% url 'admin:index' %}" class="flex items-center gap-1.5 text-base-content/80 hover:text-primary transition-colors">
        {% daisy_icon "home" "w-4 h-4" %}
        <span>{% translate 'Home' %}</span>
      </a>
    </li>
    <li>
      <span class="font-medium text-base-content">{% translate 'Password change' %}</span>
    </li>
  </ul>
</div>
{% endif %}
{% endblock %}

{% block content %}
<div class="max-w-xl mx-auto space-y-6 pt-6">
  <div class="card bg-base-100 border border-base-200 shadow-sm text-center">
    <div class="card-body p-8 space-y-4 items-center">
      <div class="w-16 h-16 rounded-2xl bg-success/10 text-success flex items-center justify-center">
        {% daisy_icon "shield-check" "w-8 h-8" %}
      </div>
      <h2 class="text-lg font-bold text-base-content">
        {% translate 'Password change successful' %}
      </h2>
      <p class="text-xs text-base-content/60 max-w-sm">
        {% translate 'Your password was changed.' %}
      </p>
      <div class="pt-4">
        <a href="{% url 'admin:index' %}" class="btn btn-primary btn-sm text-xs gap-1.5 shadow-sm">
          {% daisy_icon "home" "w-4 h-4" %}
          <span>{% translate 'Return to dashboard' %}</span>
        </a>
      </div>
    </div>
  </div>
</div>
{% endblock %}