{% extends "base-gray.html.twig" %}

{% block title %} Forgot password | {{parent()}} {% endblock %}

{% block body %}
<div class="container pt-0 pb-0">
    {% if app.request.hasPreviousSession %}
        {% for type, messages in app.session.flashbag.all %}
            {% for message in messages %}
            <div class="al1">
                <div class="alert alert-{{ type }} alert-dismissable mb-0">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                    {{ message|raw }}
                </div>
            </div>
            {% endfor %}
        {% endfor %}
    {% endif %}
</div>
<div class="container">
    <div class="row">
        <div class="col-md-6 offset-md-3 my-5">
            <div class="card my-5">
                <div class="card-header h6">
                    Lost password
                </div>
                <div class="card-body">
                    <form action="{{ path('imax_resetting_send_email') }}" method="POST" class="new_password_reset">
                        {% if email is defined %}
                            <div class="error_message">
                                The address e-mail" {{email}} "that you entered doesn't exist in our files!
                            </div>
                        {% endif %}
                        <p>
                            Please write your address e-mail below. We will send you an e-mail containing the link of reinitialization password.
                        </p>
                        <div class="form-group">
                            <div class="input-group">
                                <input autocapitalize="off" autocomplete="off" class="form-control" id="email" name="email" required="required" type="text"/>
                                <span class="input-group-append">
                                    <input class="btn btn-light" data-disable-with="Please be patient" data-modal-submit="" name="commit" type="submit" value="Confirm"/>
                                </span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}