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

{% block title %}Reset your password{% endblock %}

{% block body %}
<style>
    body {
        background: #f4f6f8;
        font-family: 'Segoe UI', Arial, sans-serif;
        color: #333;
        margin: 0;
        padding: 0;
    }
    .container {
        max-width: 400px;
        margin: 40px auto;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        padding: 32px 24px;
        text-align: center;
    }
    h1, h2, h3 {
        color: rgb(61, 99, 62);
        margin-bottom: 16px;
    }
    p {
        margin-bottom: 18px;
    }
    .btn {
        display: inline-block;
        background: rgb(61, 99, 62);
        color: #fff;
        padding: 10px 24px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 500;
        transition: background 0.2s;
    }
    .btn:hover {
        background: rgb(61, 99, 62);
    }
</style>
<div class="container">
    {% for flash_error in app.flashes('reset_password_error') %}
        <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
    {% endfor %}
    <h1>Reset password IreneHUB</h1>
    {{ form_start(requestForm) }}
        {{ form_row(requestForm.email) }}
        <div>
            <small>
                Inserisci il tuo indirizzo mail, riceverai un link per il reset della password.
            </small>
        </div>

        <button class="btn btn-primary">Invia email</button>
    {{ form_end(requestForm) }}
</div>
    {% for flash_error in app.flashes('reset_password_error') %}
        <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
    {% endfor %}
{% endblock %}