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

{% block title %}Nueva contraseña{% endblock %}

{% block body %}
<div class="card w-md-450px shadow-sm border-0">
    <div class="card-body p-10">

        <h2 class="fw-bold text-dark mb-4">Establecer nueva contraseña</h2>

        {{ form_start(resetForm) }}

            <div class="mb-6">
                <label class="form-label fw-semibold">Nueva contraseña</label>
                <div class="input-group input-group-solid">
                    <span class="input-group-text bg-transparent border-0 pe-0">
                        <i class="fas fa-lock fs-2 text-gray-500"></i>
                    </span>
                    {{ form_widget(resetForm.plainPassword.first, {
                        attr: { class:'form-control form-control-solid ps-2' }
                    }) }}
                </div>
                {{ form_errors(resetForm.plainPassword.first) }}
            </div>

            <div class="mb-6">
                <label class="form-label fw-semibold">Repetir contraseña</label>
                <div class="input-group input-group-solid">
                    <span class="input-group-text bg-transparent border-0 pe-0">
                        <i class="fas fa-lock fs-2 text-gray-500"></i>
                    </span>
                    {{ form_widget(resetForm.plainPassword.second, {
                        attr: { class:'form-control form-control-solid ps-2' }
                    }) }}
                </div>
                {{ form_errors(resetForm.plainPassword.second) }}
            </div>

            <button class="btn btn-orange w-100 fw-bold">Guardar contraseña</button>

        {{ form_end(resetForm) }}

    </div>
</div>

<div class="text-center mt-6">
    <a href="{{ path('app_login') }}" class="text-primary fw-semibold">Volver a iniciar sesión</a>
</div>
{% endblock %}