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

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

{% block body %}
    <section class="flexer">
        <div class="w65" style="
                background-image: url({{ asset('assets/img/home_image.png') }});
                min-height: 100vh;
                background-size: cover;
                background-position: center center;
                background-attachment: fixed">
        </div>
        <div class="w35" style="padding: 4em 2em">
            <img style="margin: 0 auto 4em auto; display: block"
                 src="{{ asset('assets/img/logo_addev_blue.svg') }}"
                 alt="Logo Addev Pro">

            <hgroup>
                <h1>{% trans %}Reset your password{% endtrans %}</h1>
            </hgroup>


            {% for flash_error in app.flashes('reset_password_error') %}
                <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
            {% endfor %}

            {{ form_start(requestForm) }}
            {{ form_row(requestForm.email) }}
            <div>
                <small>
                    {% trans %}Enter your email address and we will send you a link to reset your password.{% endtrans %}
                </small>
            </div>

            <button class="btn btn-primary w100">{% trans %}Send password reset email{% endtrans %}</button>
            {{ form_end(requestForm) }}

            <div class="goHome">
                <a style="margin-top: 1em" href="{{ path('app_login') }}">
                    <button class="btn btn-primary w100">{% trans %}Log in page{% endtrans %}</button>
                </a>
            </div>

        </div>
    </section>

{% endblock %}