templates/reset_password/request.html.twig line 1

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

{% block title %}Modifier Mot de passe{% endblock %}
{% block stylesheets %}
    <style>
        .libele{
            font-family: sans-serif;
            font-weight: bolder;
            margin: 0;
            padding: 0;
        }
        .block-form{
            width: 400px;
            margin: auto;
            margin-top: 20px;
        }
        .error-form-style{
            color: red;
        }
        .other-input{
            box-shadow: none !important;
            border: 0.5px solid #38b6ff;
        }
        .div-input *{
            display: block;
        }
        label{
            font-size: 20px;
            font-weight: 400;
            color: gray;
        }
        button{
            width: 100%;
            height: 50px;
            margin-top: 20px;
            font-size: 18px !important;
            background-color: #00bf63;
            color: white !important;
            border: none;
            border-radius: 4px;
        }
    </style>  
{% endblock %}
{% block body %}
    {% for flash_error in app.flashes('reset_password_error') %}
        <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
    {% endfor %}
    <h1></h1>
    <div class="div-libelle" style="text-align: center; margin-top:40px">
        <h2 class="libele">Modifier Votre Mot de Passe</h2>
    </div>
    {{ form_start(requestForm,
        {
            'attr': {
                'class' : 'block-form'
            }
        }
    ) }}
        <div class="div-input">
            <label for="{{requestForm.email.vars.id}}">
                {{form_label(requestForm.email,'E-mail')}}
            </label>
            <div>
                {{form_widget(requestForm.email,
                    {
                        'attr':{
                                'class':'form-control other-input',
                                'required':true,
                                'autocomplete': true
                            }
                    }
                )}}
            </div>
            <div class="error-form-style">
                {{form_errors(requestForm.email)}}
            </div>
        </div>
        <div>
            <small>
                Entré votre E-mail et nous vous enverons un lien pour modifier votre E-mail.
            </small>
        </div>

        <button class="my-4">Recevoir Mon E-mail </button>
    {{ form_end(requestForm) }}
{% endblock %}