Show secondary_carousel only if there pets objects

Fer-Bar · May 23, 2024 · 0c6a66f · 0c6a66f
1 parent b760da6
commit 0c6a66f
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/pet/templates/pet/secondary_carousel.html b/pet/templates/pet/secondary_carousel.html
@@ -1,17 +1,19 @@
 <div class="container">
-  <div class="wrapper-carousel">
-    <i id="left" class="fa-solid fa-angle-left"></i>
-    <ul class="carousel-secondary">
-      {% for pet in pets %}
-        <li class="card-secondary">
-          <div class="card-img">
-            <img src="{{ pet.picture_url }}" alt="Pet: {{ pet.name }}" draggable="false">
-          </div>
-          <h2>{{ pet.name }}</h2>
-          <span>{{ pet.age }}</span>
-        </li>
-      {% endfor %}
-    </ul>
-    <i id="right" class="fa-solid fa-angle-right"></i>
-  </div>
-</div>
+  {% if pets %}
+    <div class="wrapper-carousel">
+      <i id="left" class="fa-solid fa-angle-left"></i>
+      <ul class="carousel-secondary">
+        {% for pet in pets %}
+          <li class="card-secondary">
+            <div class="card-img">
+              <img src="{{ pet.picture_url|default:'#' }}" alt="Pet: {{ pet.name }}" draggable="false">
+            </div>
+            <h2>{{ pet.name }}</h2>
+            <span>{{ pet.age }}</span>
+          </li>
+        {% endfor %}
+      </ul>
+      <i id="right" class="fa-solid fa-angle-right"></i>
+    </div>
+  {% endif %}
+</div>