{% extends 'base.html.twig' %}
{% block title %}Nouveau mot de passe - ServerControl{% endblock %}

{% block body %}
<div class="row justify-content-center mt-5">
    <div class="col-md-4">
        <div class="card p-4">
            <h2 class="text-center mb-2"><i class="bi bi-shield-lock me-2"></i>Nouveau mot de passe</h2>
            <p class="text-center mb-4" style="font-size:.85rem; color:var(--muted);">
                Choisissez un nouveau mot de passe pour votre compte. Minimum 8 caracteres.
            </p>

            {{ form_start(form) }}
                <div class="mb-3">
                    {{ form_label(form.plainPassword.first) }}
                    {{ form_widget(form.plainPassword.first, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(form.plainPassword.first) }}
                </div>
                <div class="mb-3">
                    {{ form_label(form.plainPassword.second) }}
                    {{ form_widget(form.plainPassword.second, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(form.plainPassword.second) }}
                </div>
                {{ form_errors(form.plainPassword) }}
                <button type="submit" class="btn btn-primary w-100">
                    <i class="bi bi-check-circle me-1"></i>Enregistrer le nouveau mot de passe
                </button>
            {{ form_end(form) }}
        </div>
    </div>
</div>
{% endblock %}