{% extends "base.html" %}
{% load static %}
{% load i18n %}
{% load crispy_forms_tags %}  {% block title %}{% trans "Change Password" %} - KAAUH ATS{% endblock %}

{% block styles %}
{% endblock %}

{% block content %}

    <div class="d-flex vh-80 w-100 justify-content-center align-items-center mt-5">

        <div class="form-card">

            <h2 id="form-title" class="h3 fw-bold mb-4 text-center">
                {% trans "Change Password" %}
            </h2>

            <p class="text-muted small mb-4 text-center">
                {% trans "Please enter your current password and a new password to secure your account." %}
            </p>

            <form method="POST" action="{% url 'set_staff_password' user.pk %}" class="space-y-4">
                {% csrf_token %}

                {{ form|crispy }}

                {% if form.non_field_errors %}
                    <div class="alert alert-danger p-3 small mt-3" role="alert">
                        {% for error in form.non_field_errors %}{{ error }}{% endfor %}
                    </div>
                {% endif %}

                <button type="submit" class="btn btn-danger w-100 mt-3">
                    {% trans "Change Password" %}
                </button>
            </form>


        </div>
    </div>
{% endblock %}