{% extends 'admin/layout.html.twig' %}

{% block title %}Update email{% endblock %}

{% block body %}
    <section class="admin p-3 sm:p-5 antialiased">
        <h1 class="text-center text-2xl text-gray-900 sm:text-3xl mb-8">Changer votre adresse Email</h1>

        {{ include('_partials/_flash_message.html.twig') }}
        
        <div class="update-email my-10 w-full sm:w-[50%] mx-auto bg-white border border-gray-200 rounded-lg shado dark:bg-gray-800">
                <div class="updatePassword-form my-5 md:my-0 md:mx-9 p-5">

                    {{ form_start(form) }}

                        <div class="lastName grow mb-5">
                            {{ form_label(form.oldEmail, 'Ancienne adresse Email', {'label_attr': {'class':'block mb-2 text-sm font-medium text-gray-900'}}) }}
                            {{ form_widget(form.oldEmail, { 'attr': { 'class': 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full mb-5 p-2.5' } }) }}
                            {{ form_errors(form.oldEmail) }}

                        <div class="firstName grow mb-5">
                            {{ form_label(form.newEmail, 'Nouvelle adresse Email', {'label_attr': {'class':'block mb-2 text-sm font-medium text-gray-900'}}) }}
                            {{ form_widget(form.newEmail, { 'attr': { 'class': 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5' } }) }}
                            {{ form_errors(form.newEmail) }}
                        </div> 

                        <div class="submit mb-5">
                            {{ form_row(form.save,{'label': 'Envoyer', 'attr': { 'class': 'text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center', 'value': 'Envoyer' }} ) }}
                        </div>                    

                   {{ form_end(form) }}
                </div>
        </div>
    </section>
{% endblock %}