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

{% block title %}Reset password IreneHUB{% 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">
    <h1>Reset password IreneHUB</h1>

    {{ form_start(resetForm) }}
        {{ form_row(resetForm.plainPassword) }}
        <button class="btn btn-primary">Reset password</button>
    {{ form_end(resetForm) }}
</div>
{% endblock %}