templates/instructor/show.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Instructeur{% endblock %}
  5. {% block body %}
  6.     <h1>Détails de l'Instructeur</h1>
  8.     <div class="card">
  9.         <div class="card-body">
  10.             <div class="row">
  11.                 <div class="col-md-4 text-center">
  12.                     <div style="position: relative; display: inline-block;">
  13.                         {% if instructor.photo %}
  14.                             <img 
  15.                                 style="width:250px; height:250px; object-fit:cover; border-radius:50%; border:4px solid #3f4a59; box-shadow: 0 4px 12px rgba(0,0,0,0.3); display:block;" 
  16.                                 class="mb-3" 
  17.                                 src="{{asset('image/'~ instructor.photo)}}"
  18.                                 alt="Photo de {{ instructor.prenom }} {{ instructor.nom }}"
  19.                                 onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
  20.                         {% endif %}
  21.                         <div style="width:250px; height:250px; border-radius:50%; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); display:{% if instructor.photo %}none{% else %}flex{% endif %}; align-items:center; justify-content:center; margin:0 auto 1rem; border:4px solid #3f4a59; box-shadow: 0 4px 12px rgba(0,0,0,0.3);">
  22.                             <i class="fa fa-user fa-4x text-white"></i>
  23.                         </div>
  24.                     </div>
  25.                 </div>
  26.                 <div class="col-md-8">
  27.                     <table class="table">
  28.                         <tbody>
  29.                             <tr>
  30.                                 <th>Nom</th>
  31.                                 <td>{{ instructor.nom }}</td>
  32.                             </tr>
  33.                             <tr>
  34.                                 <th>Prénom</th>
  35.                                 <td>{{ instructor.prenom }}</td>
  36.                             </tr>
  37.                             <tr>
  38.                                 <th>Email</th>
  39.                                 <td>{{ instructor.email ?? '-' }}</td>
  40.                             </tr>
  41.                             <tr>
  42.                                 <th>Biographie</th>
  43.                                 <td>{{ instructor.bio ?? '-' }}</td>
  44.                             </tr>
  45.                             <tr>
  46.                                 <th>Date de création</th>
  47.                                 <td>{{ instructor.createdAt ? instructor.createdAt|date('d/m/Y H:i') : '-' }}</td>
  48.                             </tr>
  49.                             <tr>
  50.                                 <th>Playlists</th>
  51.                                 <td>
  52.                                     {% if instructor.playlists|length > 0 %}
  53.                                         <ul>
  54.                                             {% for playlist in instructor.playlists %}
  55.                                                 <li><a href="{{ path('app_playlist_show', {'id': playlist.id}) }}">{{ playlist.titre }}</a></li>
  56.                                             {% endfor %}
  57.                                         </ul>
  58.                                     {% else %}
  59.                                         <span class="text-muted">Aucune playlist assignée</span>
  60.                                     {% endif %}
  61.                                 </td>
  62.                             </tr>
  63.                         </tbody>
  64.                     </table>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </div>
  70.     <div class="mt-4">
  71.         <h3 class="mb-3">Playlists de {{ instructor.prenom }} {{ instructor.nom }}</h3>
  72.         {% if instructor.playlists|length > 0 %}
  73.             <div class="row">
  74.                 {% for playlist in instructor.playlists %}
  75.                     <div class="col-md-4 mb-3">
  76.                         <div class="card h-100">
  77.                             {% if playlist.imageDeCouverture %}
  78.                                 <img class="card-img-top" src="{{ asset('image/' ~ playlist.imageDeCouverture) }}" alt="{{ playlist.titre }}" style="height: 180px; object-fit: cover;">
  79.                             {% else %}
  80.                                 <div class="card-img-top d-flex align-items-center justify-content-center bg-light" style="height: 180px;">
  81.                                     <span class="text-muted">Pas d'image</span>
  82.                                 </div>
  83.                             {% endif %}
  84.                             <div class="card-body d-flex flex-column">
  85.                                 <h5 class="card-title">{{ playlist.titre }}</h5>
  86.                                 <p class="card-text text-muted" style="flex:1;">{{ playlist.description|u.truncate(120, '...') }}</p>
  87.                                 <a class="btn btn-primary btn-sm mt-auto" href="{{ path('app_playlist_show', {'id': playlist.id}) }}">Voir la formation</a>
  88.                             </div>
  89.                         </div>
  90.                     </div>
  91.                 {% endfor %}
  92.             </div>
  93.         {% else %}
  94.             <p class="text-muted">Aucune playlist associée pour le moment.</p>
  95.         {% endif %}
  96.     </div>
  98.     <div class="mt-3">
  99.         <a class="btn btn-sm" href="{{ path('app_instructor_index') }}">Retour à la liste</a>
  100.         <a class="btn btn-sm" href="{{ path('app_instructor_edit', {'id': instructor.id}) }}">Modifier</a>
  101.         {{ include('instructor/_delete_form.html.twig') }}
  102.     </div>
  103. {% endblock %}