{% extends 'base.html.twig' %} {% block title %}Ma page de profil | {{ parent() }}{% endblock %} {% block body %}
{# Affichage du formulaire (seulement en mode édition) #} {% if isEditMode %} {{ form_start(form, {'attr': {'class': 'max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 grid md:grid-cols-3 gap-8'}}) }} {% else %}
{% endif %} {# Colonne Photo #}
{% if userData.image %} Photo de profil {% else %}
👤
{% endif %}

Ma photo

{# Affichage du champs "choisir en fichier" (seulement en mode édition) #} {% if isEditMode %}
{{ form_label(form.image, 'Choisir un fichier', {'label_attr': {'class': 'block mb-2.5 text-sm font-medium text-gris-fonce'}}) }} {{ form_widget(form.image, { 'attr': {'class': 'cursor-pointer bg-white border border-gris-clair text-text text-sm rounded-lg focus:outline-none focus:ring-1 focus:ring-bouton focus:border-bouton block w-full shadow-sm placeholder-gris-moyen file:mr-4 file:py-2.5 file:px-4 file:border-0 file:border-r file:border-gris-clair file:bg-gris-clair file:text-gris-fonce hover:file:bg-gris-moyen transition-colors'} }) }}

JPG, JPEG ou PNG (Taille max : 2Mo).

{{ form_errors(form.image) }}
{% endif %}
{# Colonne Infos Persos #}
{# Gestion des boutons d'action (Modifier / Annuler) et des titres #}

Mon profil

{% if isEditMode %} ❌ Annuler {% else %} ✏️ Modifier {% endif %}

Mes informations personnelles

{# Identifiant #}
{% if isEditMode %} {{ form_widget(form.identifiantKaz, {'attr': {'class': 'w-full px-4 py-3 border border-gris-clair rounded-lg focus:outline-none focus:border-bouton focus:ring-1 focus:ring-bouton placeholder-gris-moyen transition-shadow'}}) }}
{{ form_errors(form.identifiantKaz) }}
{% else %}
{{ userData.identifiantKaz ?? 'Non renseigné' }}
{% endif %}
{# --- NOM et Prénom --- #}
{# NOM #}
{% if isEditMode %} {{ form_widget(form.lastName, {'attr': {'class': 'w-full px-4 py-3 border border-gris-clair rounded-lg focus:outline-none focus:border-bouton focus:ring-1 focus:ring-bouton placeholder-gris-moyen transition-shadow'}}) }}
{{ form_errors(form.lastName) }}
{% else %}
{{ userData.lastName }}
{% endif %}
{# Prénom #}
{% if isEditMode %} {{ form_widget(form.firstName, {'attr': {'class': 'w-full px-4 py-3 border border-gris-clair rounded-lg focus:outline-none focus:border-bouton focus:ring-1 focus:ring-bouton placeholder-gris-moyen transition-shadow'}}) }}
{{ form_errors(form.firstName) }}
{% else %}
{{ userData.firstName }}
{% endif %}
{# Téléphone #}
{% if isEditMode %} {{ form_widget(form.telephone, {'attr': {'class': 'w-full px-4 py-3 border border-gris-clair rounded-lg focus:outline-none focus:border-bouton focus:ring-1 focus:ring-bouton placeholder-gris-moyen transition-shadow'}}) }}
{{ form_errors(form.telephone) }}
{% else %}
{{ userData.telephone ?? 'Non renseigné' }}
{% endif %}
{# E-mail #}
{% if isEditMode %} {{ form_widget(form.email, {'attr': {'class': 'w-full px-4 py-3 border border-gris-clair rounded-lg focus:outline-none focus:border-bouton focus:ring-1 focus:ring-bouton placeholder-gris-moyen transition-shadow'}}) }}
{{ form_errors(form.email) }}
{% else %}
{{ userData.email }}
{% endif %}
{# E-mail de secours #}
{% if isEditMode %} {{ form_widget(form.alternateEmail, {'attr': {'class': 'w-full px-4 py-3 border border-gris-clair rounded-lg focus:outline-none focus:border-bouton focus:ring-1 focus:ring-bouton placeholder-gris-moyen transition-shadow'}}) }}
{{ form_errors(form.alternateEmail) }}
{% else %}
{{ userData.alternateEmail ?? 'Non renseigné' }}
{% endif %}
{# Affichage du bouton "Valider" (seulement en mode édition) #} {% if isEditMode %}
{% endif %}
{# Fermuture du formulaire (seulement en mode édition) #} {% if isEditMode %} {{ form_end(form) }} {% else %}
{% endif %}
{% endblock %}