Passage du résumé tmdb dans un collapse

templates/videotheque/add_tmdb.html.twig

@@ -36,13 +36,12 @@
               </nav>
         {% endif %}
     </div>
-    <table class="table table-bordered table-hover table-striped table-sm align-middle">
+    <table class="table table-borderless table-sm align-middle">
         <thead>
-            <tr>
+            <tr class="border-bottom">
                 <th>&nbsp;</th>
                 <th>Titre</th>
                 <th>Date de sortie</th>
-                <th>Résumé</th>
                 <th>Genre</th>
                 <th>Realisateur</th>
             </tr>
@@ -50,18 +49,32 @@
         <tbody>
             {% if nbFilms == 0 %}
                 <tr>
-                    <td colspan="6" class="text-center">Pas de résultat</td>
+                    <td colspan="5" class="text-center">Pas de résultat</td>
                 <tr>
             {% endif %}
             {% for idtmdb, film in films %}
-            <tr>
-                <td><a type="button" class="btn btn-primary" href="{{ path('videotheque_ajouter', {'idtmdb': idtmdb }) }}">Créér</a></td>
-                <td>{{ film.titre }}</td>
-                <td>{% if film.dateSortie %}{{ film.dateSortie | date ('d/m/Y')}}{% endif %}</td>
-                <td>{{ film.information }}</td>
-                <td>{% for genre in film.genres %}<span class="badge bg-info me-1">{{ genre.name }}</span>{% endfor %}</td>
-                <td>{% for realisateur in film.realisateurs %}<span class="badge bg-info me-1">{{ realisateur.nomComplet }}</span>{% endfor %}</td>
-            </tr>
+                <tr class="{{ film.information ? '' : 'border-bottom' }}">
+                    <td><a type="button" class="btn btn-primary" href="{{ path('videotheque_ajouter', {'idtmdb': idtmdb }) }}">Créér</a></td>
+                    <td>{{ film.titre }}</td>
+                    <td>{% if film.dateSortie %}{{ film.dateSortie | date ('d/m/Y')}}{% endif %}</td>
+                    <td>{% for genre in film.genres %}<span class="badge bg-info me-1">{{ genre.name }}</span>{% endfor %}</td>
+                    <td>{% for realisateur in film.realisateurs %}<span class="badge bg-info me-1">{{ realisateur.nomComplet }}</span>{% endfor %}</td>
+                </tr>
+                {% if film.information %}
+                    <tr data-controller="collapser" class="border-bottom">
+                        <td colspan="5">
+                            <div class="d-flex">
+                                <a class="ms-auto" href="#collapseResume-{{ idtmdb }}" role="button" data-bs-target="#collapseResume-{{ idtmdb }}" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseResume-{{ idtmdb }}">
+                                    Résumé
+                                    <i class="fa fa-chevron-right fa-xs" data-collapser-target="button"></i>
+                                </a>
+                            </div>
+                            <div id="collapseResume-{{ idtmdb }}" class="collapse" data-collapser-target="collapse">
+                                {{ film.information }}
+                            </div>
+                        </td>
+                    </tr>
+                {% endif %}
             {% endfor %}
         </tbody>
     </table>