{% load i18n %}
<form hx-post="{% url 'crochet:account_settings_password' %}" hx-target="this" hx-swap="outerHTML"
  class="flex flex-col gap-3">
  {% csrf_token %}
  {% if password_updated %}
    <div role="alert" class="alert alert-success alert-soft">
      <span>{% trans 'Contraseña actualizada.' %}</span>
    </div>
  {% endif %}
  {% for field in password_form %}
    <label class="flex flex-col gap-1">
      <span class="text-sm">{{ field.label }}</span>
      {{ field }}
      {% for error in field.errors %}
        <span class="text-error text-xs">{{ error }}</span>
      {% endfor %}
    </label>
  {% endfor %}
  <button type="submit" class="btn btn-primary self-start">{% trans 'Cambiar contraseña' %}</button>
</form>