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

{% block content_title %}{% endblock %}
{% block content_subtitle %}{% endblock %}

{% block content %}
<div class="flex bg-slate-50 dark:bg-slate-950">
  {% include "admin/includes/forge_sidebar.html" %}
  <main class="flex-1 min-h-screen">
    {% include "admin/includes/forge_topbar.html" with title="" subtitle="" %}
    <section class="p-6">
      <div class="w-full rounded-xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6">
        <div class="h-12 w-12 rounded-full bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300 flex items-center justify-center mb-4">
          {% forge_icon "key" "h-6 w-6" %}
        </div>
        <h2 class="text-xl font-semibold text-slate-900 dark:text-slate-100 mb-2">{% trans "Password changed" %}</h2>
        <p class="text-sm text-slate-600 dark:text-slate-300">{% trans "Your password was changed successfully." %}</p>
      </div>
    </section>
  </main>
</div>
{% endblock %}