{% extends "base.tera.html" %}
{% import "inputs.tera.html" as inputs %}

{% block title %}
Change Password - {{ current_user.username }}
{% endblock title %}

{% block content %}
<div class="flex flex-col md:flex-row grow">
    <div class="basis-1/4 p-4 m-4 space-y-4">
        {% include "settings/sidebar.tera.html" %}
    </div>
    <div class="basis-3/4 p-4">
        <h1 class="font-bold text-3xl">Change Password</h1>
        <form action="/settings/change_password" method="POST" class="space-y-4">
            {{ inputs::text_input(label="Old Password", name="old_password", id="old_password", type="password") }}
            {{ inputs::text_input(label="New Password", name="password", id="password", type="password") }}
            {{ inputs::text_input(label="Repeat New Password", name="confirm_password", id="confirm_password", type="password") }}
            <div class="flex flex-col">
                <button type="submit" class="bg-blue-500 p-2 rounded-lg text-white">
                    Change Password
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock content %}