{% trans_default_domain 'auth' %}
{% extends 'Auth/baseAuth.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('forgot') }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_link_tags('forgot') }}
{% endblock %}

{% block cardBody %}

    <span class="splash-description">{% trans %}forgot_password_title{% endtrans %}</span>
    <form method="post" autocomplete="off"
          action="{{ path('forgot-password-action',{_locale: app.request.locale}) }}">
        <div class="form-group">
            <input class="form-control" id="email" type="text"
                   autocomplete="new"
                   placeholder="{% trans %}placeholder_email{% endtrans %}"
                   name="forgotPasswordEmail"
                   required>
        </div>

        {% for message in app.flashes('error') %}
            <div>
                <div class="alert alert-warning alert-simple" role="alert">
                    <div class="icon"><span class="mdi mdi-alert-triangle"></span></div>
                    <div class="message">
                        {{ message | trans}}
                    </div>
                </div>
            </div>
        {% endfor %}

        {% for message in app.flashes('success') %}
            <div>
                <div class="alert alert-success p-2" role="alert">
                    <div class="message">
                        {{ message | trans}}
                    </div>
                </div>
            </div>
        {% endfor %}

        <div class="form-group login-submit">
            <button type="submit" class="btn btn-primary btn-xl btn-rounded" data-dismiss="modal">
                {% trans %}button_reset{% endtrans %}
            </button>
        </div>
        <div class="form-group row login-tools">
            <div class="col-12 login-forgot-password">
                {% trans %}question_password_reset{% endtrans %}
                <a href="{{ path('app_login',{_locale: app.request.locale}) }}">{% trans %}login_here{% endtrans %}</a>
            </div>
        </div>

    </form>

{% endblock %}