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

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

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

{% block cardBody %}

    {% 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 %}

    {% if canResetPassword == true %}
        <span class="splash-description">{% trans %}reset_title{% endtrans %}</span>
        <form method="post" autocomplete="off" action="{{ path('reset-password-action',{_locale: app.request.locale, hash:hash }) }}">
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('reset_password') }}">
            <div class="form-group ">
                <label for="resetPassword1">{% trans %}new_password{% endtrans %}</label>
                <div>
                    <input class="form-control"
                           autocomplete="new-password"
                           id="resetPassword1" type="password" required name="resetPassword1">
                </div>
            </div>
            <div class="form-group">
                <label for="resetPassword2">{% trans %}repeat_password{% endtrans %}</label>
                <div>
                    <input class="form-control"
                           autocomplete="new-password"
                           id="resetPassword2" type="password" required name="resetPassword2">
                </div>
            </div>

            {% for message in app.flashes('warning') %}
                <div>
                    <div class="alert alert-warning p-2" 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">
                    {% trans %}button_reset{% endtrans %}
                </button>
            </div>

        </form>
    {% endif %}

{% endblock %}