{% extends 'private_template.html' %}
{% load static %}

{% block titulo %}Makarios | Bem Aventurados em Cristo{% endblock %}

{% block header %}
    {% include 'private_header.html' %}
{% endblock %}

{% block content %}
<div id="formulario" class="d-flex justify-content-center align-items-center" style="min-height: calc(100vh - 80px);">
    <div class="login-box mx-auto col-md-6">
        <div class="card">
            <div class="card-body login-card-body rounded">
                <p class="login-box-msg text-lg mt-2">Altere sua senha abaixo</p>

                {% if form.errors %}
                <div class="alert alert-danger">
                    Corrija os erros abaixo e tente novamente.
                </div>
                {% endif %}

                <form method="post" action="{% url 'account_change_password' %}">
                    {% csrf_token %}

                    <div class="mb-3">
                        <label for="id_oldpassword">Senha atual</label>
                        <input type="password" name="oldpassword" class="form-control" required id="id_oldpassword">
                    </div>

                    <div class="mb-3">
                        <label for="id_password1">Nova senha</label>
                        <input type="password" name="password1" class="form-control" required id="id_password1">
                    </div>

                    <div class="mb-3">
                        <label for="id_password2">Confirme a nova senha</label>
                        <input type="password" name="password2" class="form-control" required id="id_password2">
                    </div>

                    <div class="mt-4 d-flex justify-content-between">
                        <a href="/home" class="btn btn-dark">Cancelar</a>
                        <button type="submit" class="btn btn-warning">Alterar Senha</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}