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

{% block title %}Butagaz{% endblock %}

{% block stylesheets %}
    {{parent()}}
    <style>
        #page_password_forget {
            margin-top: 120px;
        }

        #page_password_forget .panel-body .picto {
            text-align: center;
            color: #DDDDDD;
            font-size: 60px;
            margin-bottom: 20px;
        }
    </style>
{% endblock %}

{% block body %}
    <div id="page_password_forget">
        <div class="row">
            <div class="
                col-xs-10 col-xs-offset-1
                col-sm-6 col-sm-offset-3
                col-md-6 col-md-offset-3
                col-lg-4 col-lg-offset-4">
                {% include 'flashes.html.twig' %}

                {{ form_start(form) }}
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="picto">
                            <img src="{{ asset('images/email/butagaz.jpg') }}" />
                        </div>

                        <h5>{{ "wbxuser.flash.password_forget.message" | trans }}</h5>

                        {% if form_errors(form) != "" %}
                            <div class="alert alert-error">{{ form_errors(form) }}</div>
                        {% endif %}

                        {{ form_row(form.email) }}
                        {{ form_rest(form) }}
                    </div>
                    <div class="panel-footer">
                        <div class="row">

                            <div class="col-xs-6">
                                <a class="btn" href="{{ path('_enseigne_security_login') }}"><span class="fa fa-chevron-left"></span> {% trans %}wbxuser.form.btn.cancel{% endtrans %}</a>
                            </div>

                            <div class="col-xs-6">
                                <button class="btn btn-primary pull-right" type="submit"><span class="fa fa-check"></span> {% trans %}form.btn.valider{% endtrans %}</button>
                            </div>
                        </div>
                    </div>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}