{% 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>
                            {{ form_row(form.nouveauMpd) }}
                            {{ form_row(form.confirmation) }}
                        </div>
                        <div class="panel-footer">
                            <div class="row">
                                <div class="col-xs-12">
                                    <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 %}