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

{% block title %}{{ parent() }} - Restaurar senha{% endblock %}
{% block stylesheets %}
   {{ parent() }}
    <style>
        #restaurar{
            margin: 0 auto;
            margin-top: 30px;
            padding: 15px;
            margin-bottom: 400px;
            border: 1px solid #ffc107;
            width: 60%;
        }

        @media (max-width: 600px) {
            #restaurar{
                width: 100%;
                margin-bottom: 0px;
            }
            .col-6{
                width: 100%;
            }
            #restaurar h5{
                text-align: center;
                font-size: 1.2rem;
            }
        }
    </style>
{% endblock %}
{% block body %}
    <div class="row" id="restaurar" >
            {% for flash_error in app.flashes('reset_password_error') %}
                <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
            {% endfor %}
            <h5>Restaurar sua senha</h5>

            {{ form_start(requestForm) }}
        {{ form_label(requestForm.email,"Endereço de e-mail") }}
           <div class="col-6">
             {{ form_widget(requestForm.email) }}
           </div>
           <div>
                <small>
                    Envie-nos o seu email para que nós possamos enviar o link de restauração.
                </small>
            </div>

            <button class="btn btn-primary">Enviar email</button>
            {{ form_end(requestForm) }}


    </div>

{% endblock %}
