@if (entity) {

  <!-- Photo de profil -->
  @if (entity.profilePictureUrl) {
    <div class="flex justify-center mb-6">
      <img
        [src]="entity.profilePictureUrl"
        [alt]="entity.firstName + ' ' + entity.lastName"
        class="w-32 h-32 rounded-full object-cover shadow-md border-2 border-surface-200 dark:border-surface-700"
      />
    </div>
  } @else {
    <div class="flex justify-center mb-6">
      <div class="w-32 h-32 rounded-full flex items-center justify-center bg-surface-100 dark:bg-surface-800 border-2 border-dashed border-surface-300">
        <i class="pi pi-user text-4xl text-surface-400"></i>
      </div>
    </div>
  }

  <app-details [config]="detailsConfig" [data]="entity"></app-details>
}