{% extends "base.html" %}
{% load crispy_forms_tags %}
{% block title %}Change Password{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6 col-lg-5">
        <div class="portal-card">
            <div class="portal-card-header">
                <h5 class="mb-0"><i class="fa-solid fa-lock me-2"></i>Change Password</h5>
            </div>
            <div class="portal-card-body">
                <form method="post">
                    {% csrf_token %}
                    {% crispy form %}
                </form>
                <div class="mt-3 text-center">
                    <a href="{{ request.user.get_dashboard_url }}" class="text-muted small">
                        <i class="fa-solid fa-arrow-left me-1"></i> Back to Dashboard
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}