{% extends 'base.html.twig' %}

{% block title %}Change Password{% endblock %}

{% block body %}
<div style="max-width:400px;margin:4rem auto;font-family:sans-serif">
    <h1>Change Password</h1>

    {% for message in app.flashes('success') %}
        <div style="color:green;margin-bottom:1rem">{{ message }}</div>
    {% endfor %}

    {% if error %}
        <div style="color:red;margin-bottom:1rem">{{ error }}</div>
    {% endif %}

    <form method="post">
        <div style="margin-bottom:1rem">
            <label for="current_password">Current Password</label><br>
            <input id="current_password" type="password" name="current_password" required autofocus style="width:100%;padding:.5rem">
        </div>
        <div style="margin-bottom:1rem">
            <label for="new_password">New Password</label><br>
            <input id="new_password" type="password" name="new_password" required minlength="8" style="width:100%;padding:.5rem">
        </div>
        <div style="margin-bottom:1rem">
            <label for="confirm_password">Confirm New Password</label><br>
            <input id="confirm_password" type="password" name="confirm_password" required minlength="8" style="width:100%;padding:.5rem">
        </div>
        <input type="hidden" name="_csrf_token" value="{{ csrf_token('change_password') }}">
        <div style="display:flex;gap:1rem;align-items:center">
            <button type="submit" style="padding:.5rem 1rem">Change Password</button>
            <a href="{{ path('easyadmin') }}" style="color:#666">Back to Dashboard</a>
        </div>
    </form>
</div>
{% endblock %}