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

{% form_theme passwordForm _self %}

{% block _update_password_row %}
    <div class="form-group my-2">
        <div>{{ form_label(form.oldPassword) }}</div>
        {{ form_widget(form.oldPassword, {'attr':{'class': 'w-full h-10 text-xs border-slate-200 rounded bg-slate-100'}}) }}
        <div class="text-xs text-red-400">
            {{ form_errors(form.oldPassword) }}
        </div>
    </div>
    <div class="form-group my-2">
        <div>{{ form_label(form.plainPassword.first) }}</div>
        {{ form_widget(form.plainPassword.first, {'attr':{'class': 'w-full h-10 text-xs border-slate-200 rounded bg-slate-100'}}) }}
        <div class="text-xs text-red-400">
            {{ form_errors(form.plainPassword.first) }}
        </div>
    </div>
    <div class="form-group my-2">
        <div>{{ form_label(form.plainPassword.second) }}</div>
        {{ form_widget(form.plainPassword.second, {'attr':{'class': 'w-full h-10 text-xs border-slate-200 rounded bg-slate-100'}}) }}
        <div class="text-xs text-red-400">
            {{ form_errors(form.plainPassword.second) }}
        </div>
    </div>
{% endblock %}


{% block title %}Hello AdminController!{% endblock %}

{% block body %}

    <h2 class="text-2xl font-bold">Identifiants</h2>

    <section class="current-credentials w-fit mt-12 p-4 border border-x-gray-200 rounded">
        <h3 class="text-xl font-bold">Vos identifiants</h3>
        <div class="mt-4">
            <p><span class="inline-block w-32">Email:</span>{% if app.user %}{{ app.user.email }}{% endif %}</p>
            <p><span class="inline-block w-32">Mot de passe:</span>••••••••••••</p>
        </div>
    </section>

    <h3 class="mt-20 text-xl font-bold">Modifier vos données de connexion administrateur</h3>   

    <div class="grid grid-cols-2 my-4">

        <section class="current-credentials w-fit mt-12 p-4 border border-x-gray-200 rounded">
            <h4 class="text-lg font-bold">Changer votre mot de passe</h4>

            {{ form_start(passwordForm) }}
                {{ form_row(passwordForm)}}
                <button type="submit" class="mt-5 px-2 py-1 bg-gray-400 hover:bg-gray-500 text-white shadow">Valider</button>
            {{ form_end(passwordForm) }}
        </section>

        <section class="current-credentials w-fit mt-12 p-4 border border-x-gray-200 rounded">
            <h4 class="text-lg font-bold">Changer votre adresse mail</h4>

            {{ form_start(emailForm) }}
                <div class="form-group my-2">
                    <div>{{ form_label(emailForm.email) }}</div>
                    {{ form_widget(emailForm.email, {'attr':{'class': 'w-full h-10 text-xs border-slate-200 rounded bg-slate-100'}}) }}
                    <div class="text-xs text-red-400">
                        {{ form_errors(emailForm.email) }}
                    </div>
    </div>
                <button type="submit" class="mt-5 px-2 py-1 bg-gray-400 hover:bg-gray-500 text-white shadow">Valider</button>
            {{ form_end(emailForm) }}
        </section>

    </div> 

{% endblock %}