{# templates/frontend/reset_password/request.html.twig #}
{% extends 'frontend/base_front.html.twig' %}

{% block title %}
    Mot de passe oublié – Bluesy
{% endblock %}

{% block main_content %}
    <section class="d-flex align-items-center justify-content-center py-4 py-md-5 min-vh-100" style="background: linear-gradient(135deg, #f0f4ff, #ffffff);">
        <div class="card shadow-lg rounded-4 p-3 p-md-5 mx-3 mx-md-0" style="max-width: 420px; width: 100%;">
            <div class="text-center mb-4">
                <h2 class="fw-bold">Mot de passe oublié</h2>
                <p class="text-muted mb-0">Entrez votre email pour recevoir le lien de réinitialisation</p>
            </div>

            {{ form_start(requestForm, { attr: { novalidate: 'novalidate' } }) }}

            {# Email avec floating label #}
            <div class="form-floating mb-3">
                {{ form_widget(requestForm.email, {
                    attr: { class: 'form-control', placeholder: 'Adresse e-mail' }
                }) }}
                {{ form_label(requestForm.email, 'Adresse e-mail', { label_attr: { class: 'form-label' } }) }}
                {{ form_errors(requestForm.email) }}
            </div>

            <button type="submit" class="btn btn-primary btn-lg w-100 mb-3">
                Envoyer le lien
            </button>

            {{ form_end(requestForm) }}

            <div class="text-center">
                <small class="text-muted">
                    <a href="{{ path('app_login') }}" class="text-primary text-decoration-none">
                        Revenir à la page de connexion
                    </a>
                </small>
            </div>
        </div>
    </section>
{% endblock %}