Page voir remise colonnes auto

templates/videotheque/voirfilm.html.twig

@@ -51,100 +51,91 @@
 
 {%  block body %}
     <div class="row">
-        <div class="col-sm-8">
-            <div class="row">
-                <div class="col-sm-7">
-                    <div class="card border-info">
-                        <div class="card-header">
-                            <div class="row">
-                                <h5 class="col-10">Fiche technique</h5>
-                                {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
-                                    <div class="col-2">
-                                        <a data-bs-toggle="tooltip" title="Modifier la fiche du film" href="{{ path('videotheque_modifier', {'id': film.id}) }}"><i class="fa fa-edit fa-lg"></i></a>
-                                        {% if is_granted('ROLE_ADMIN') %}<a href="{{ path('videotheque_supprimer', {'id': film.id})  }}"><i class="fa fa-trash fa-lg", style="color:Tomato;"></i></a>{% endif %}
+        <div class="col">
+            <div class="card border-info mb-3">
+                <div class="card-header">
+                    <div class="row">
+                        <h5 class="col-10">Fiche technique</h5>
+                        {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
+                            <div class="col-2">
+                                <a data-bs-toggle="tooltip" title="Modifier la fiche du film" href="{{ path('videotheque_modifier', {'id': film.id}) }}"><i class="fa fa-edit fa-lg"></i></a>
+                                {% if is_granted('ROLE_ADMIN') %}<a href="{{ path('videotheque_supprimer', {'id': film.id})  }}"><i class="fa fa-trash fa-lg", style="color:Tomato;"></i></a>{% endif %}
 
-                                    </div>
-                                {% endif %}
                             </div>
-                        </div>
-                        <div class="card-body">
-                            <dl class="row">
-                                <dt class="col-4">Année</dt>
-                                <dd class="col-8">{{ film.annee | date('Y') }}</dd>
-                                <dt class="col-4">Réalisateur(s)</dt>
-                                <dd class="col-8">
-                                {% for realisateur in film.realisateurs %}
-                                    <a href="{{ path('videotheque_listeparreal', {'id': realisateur.id}) }}"><span class="badge bg-info">{{ realisateur.nomComplet }}</span></a>
-                                {% endfor %}
-                                </dd>
-                                <dt class="col-4">Genre</dt>
-                                <dd class="col-8">
-                                {% for genre in film.genres %}
-                                    <a href="{{ path('videotheque_listepargenre', {'id': genre.id}) }}"><span class="badge bg-info">{{ genre.name }}</span></a>
-                                {% endfor %}
-                                </dd>
-                                {% if film.lien is not null %}
-                                <dt class="col-4">Lien</dt>
-                                <dd class="col-8"><a href="{{ film.lien }}"><i class="fa fa-external-link"></i></a></dd>
-                                {% endif %}
-                            </dl>
-                        </div>
-                        <div class="card-footer">
-                            <dl class="row">
-                                <dt class="col-4">Suivi par</dt>
-                                <dd class="col-8">
-                                    {% for user in film.usersWantToView %}
-                                        <span>{{ user.username }}</span>&nbsp;
-                                    {% endfor %}
-                                </dd>
-                                <dt class="col-4">Vu par</dt>
-                                <dd class="col-8">
-                                    {% for user in film.usersWhoSeen %}
-                                        <span>{{ user.username }}</span>&nbsp;
-                                    {% endfor %}
-                                </dd>
-                            </dl>
-                        </div>
+                        {% endif %}
                     </div>
+                </div>
+                <div class="card-body">
+                    <dl class="row">
+                        <dt class="col-4">Année</dt>
+                        <dd class="col-8">{{ film.annee | date('Y') }}</dd>
+                        <dt class="col-4">Réalisateur(s)</dt>
+                        <dd class="col-8">
+                        {% for realisateur in film.realisateurs %}
+                            <a href="{{ path('videotheque_listeparreal', {'id': realisateur.id}) }}"><span class="badge bg-info">{{ realisateur.nomComplet }}</span></a>
+                        {% endfor %}
+                        </dd>
+                        <dt class="col-4">Genre</dt>
+                        <dd class="col-8">
+                        {% for genre in film.genres %}
+                            <a href="{{ path('videotheque_listepargenre', {'id': genre.id}) }}"><span class="badge bg-info">{{ genre.name }}</span></a>
+                        {% endfor %}
+                        </dd>
+                        {% if film.lien is not null %}
+                        <dt class="col-4">Lien</dt>
+                        <dd class="col-8"><a href="{{ film.lien }}"><i class="fa fa-external-link"></i></a></dd>
+                        {% endif %}
+                    </dl>
+                </div>
+                <div class="card-footer">
+                    <dl class="row">
+                        <dt class="col-4">Suivi par</dt>
+                        <dd class="col-8">
+                            {% for user in film.usersWantToView %}
+                                <span>{{ user.username }}</span>&nbsp;
+                            {% endfor %}
+                        </dd>
+                        <dt class="col-4">Vu par</dt>
+                        <dd class="col-8">
+                            {% for user in film.usersWhoSeen %}
+                                <span>{{ user.username }}</span>&nbsp;
+                            {% endfor %}
+                        </dd>
+                    </dl>
+                </div>
+            </div>
 
-                    <div>&nbsp;</div>
-
-                    <div class="card border-info">
-                        <div class="card-header">
-                                <h5>Informations complémentaires</h5>
-                        </div>
-                        <div class="card-body">
-                            {% if film.information is not null %}
-                                <p>{{ film.information | nl2br }}</p>
-                            {% else %}
-                                <p>Pas d'information</p>
-                            {% endif %}
-                        </div>
-                    </div>
-                    <div>&nbsp;</div>
-
+            <div class="card border-info mb-3">
+                <div class="card-header">
+                        <h5>Informations complémentaires</h5>
                 </div>
-                <div class="col-sm-5">
-                    <div class="card border-info">
-                        <div class="card-header">
-                            <h5>Bande Annonce</h5>
-                        </div>
-                        <div class="card-body">
-                            {% if film.mediaVideo.video is defined %}
-                                <div class="embed-responsive embed-responsive-4by3">
-                                    {{ film.mediaVideo.video|raw }}
-                                </div>
-                            {% else %}
-                                <p>Pas encore de bande annonce</p>
-                            {% endif %}
+                <div class="card-body">
+                    {% if film.information is not null %}
+                        <p>{{ film.information | nl2br }}</p>
+                    {% else %}
+                        <p>Pas d'information</p>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+        <div class="col">
+            <div class="card border-info mb-3">
+                <div class="card-header">
+                    <h5>Bande Annonce</h5>
+                </div>
+                <div class="card-body">
+                    {% if film.mediaVideo.video is defined %}
+                        <div class="embed-responsive embed-responsive-4by3">
+                            {{ film.mediaVideo.video|raw }}
                         </div>
-                    </div>
+                    {% else %}
+                        <p>Pas encore de bande annonce</p>
+                    {% endif %}
                 </div>
-                <div>&nbsp;</div>
             </div>
         </div>
-        <div class="col-sm-4">
-            <div id="coms" class="card border-info">
+        <div class="col">
+            <div id="coms" class="card border-info mb-3">
                 <div class="card-header">
                     <h5>Commentaires</h5>
                 </div>