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

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

{% block body %}
    <section class="section">
        <div class="container py-5">
            {% for flash_error in app.flashes('reset_password_error') %}
                <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
            {% endfor %}
            <div class="row">
                <div class="col-12 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4">
                <div class="login-brand text-center">
                    <img src="{{asset('assets/images/logo.png')}}" alt="logo" width="100" class="shadow-light rounded-circle">
                </div>
                <div class="card card-primary">
                    <div class="card-header"><h4>Reset your password</h4></div>
                    <div class="card-body">
                    <div class="form-group">
                    <div class="d-block">
                        {{ form_start(requestForm) }}
                            {{ form_row(requestForm.email) }}
                            <div>
                                <small>
                                    Enter your email address, and we will send you a
                                    link to reset your password.
                                </small>
                            </div>

                            <button class="btn btn-primary">Send password reset email</button>
                        {{ form_end(requestForm) }}
                    </div>
                    </div>                 
                </div>
            </div>
      </div>
    </section>
{% endblock %}