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

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

{% block stylesheets %}
    {{ parent() }}

    <style>
        #a2f_regenerate_container {
            margin-top: 120px;
        }

        #a2f_regenerate_container .panel-body .picto {
            text-align: center;
            color: #DDDDDD;
            font-size: 60px;
            margin-bottom: 20px;
        }

        #a2f_form_body {
            color: black;
            padding-left: 2em;
            padding-right: 2em;
            margin-bottom: 2em;
        }

        #a2f_form_body label {
            color: black;
        }

        .panel-footer .fields-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    </style>
{% endblock %}

{% block body %}
    <div id="a2f_regenerate_container">
        <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 id="a2f_form" method="POST" action="{{path('a2f_user_regenerate_enseigne')}}">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="picto">
                                <img src="{{ asset('images/email/butagaz.jpg') }}" />
                            </div>
                        </div>
                        <div id="a2f_form_body" class="text-center">   
                            <p>Renvoyer un code de connexion à usage unique à l'adresse <b>{{ email }}</b></p>  
                        </div>
                        <div class="panel-footer">
                            <div class="row">
                                <div class="col-xs-12 fields-footer">
                                    <a href="{{path('_enseigne_security_logout')}}">Annuler</a>
                                    <input type="submit" value="Renvoyer" class="btn btn-primary pull-right"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock %}