Kumora/templates/profile/index.html.twig

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

{% block title %}Le disque nuagique de Camélia-Studio{% endblock %}

{% block body %}
    <div class="container mx-auto px-16">
            <div class="grid grid-cols-4 gap-8 mt-4">
                <div class="border border-gray-500 rounded-lg">
                    <div class="p-4">
                        <img src="{{ get_gravatar('toto@titi.fr') }}" alt="Avatar de l'utilisateur" class="rounded-lg">
                    </div>
                    <div class="flex justify-center pb-2">
                        {{ user.fullname }}
                    </div>
                    <div class="border-t border-gray-500 p-2 flex justify-between">
                        <div>
                            <span class="font-bold">
                            Email :
                        </span> {{ user.email }}
                        </div>
                        <a href="{{ path('app_profile_email_edit') }}" class="text-white  hover:text-gray-200">
                            <twig:ux:icon name="line-md:pencil" class="w-6 h-6" />
                        </a>
                    </div>
                    <div class="border-t border-gray-500 p-2">
                        <span class="font-bold">
                            Rôle :
                        </span> {{ user.roles[0] == 'ROLE_ADMIN' ? 'Administrateur' : 'Utilisateur' }}
                    </div>
                    <div class="border-t border-gray-500 p-2">
                        <span class="font-bold">
                                Rôle de dossier :
                            </span>
                        {{ user.folderRole.value }}
                    </div>
                    <div class="border-t border-gray-500 py-2 pl-2">
                        <a href="{{ path('app_profile_password_edit') }}" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">Modifier mon mot de passe</a>
                    </div>
                </div>

            </div>
    </div>

{% endblock %}