From accf87737519daccbed8bf3990b845d39c236ed4 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Mon, 16 Jun 2025 20:52:25 +0200
Subject: [PATCH] feat: Show image of AN only when there are some

---
 .../details/bulma-detail-adoption-notice.html | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/fellchensammlung/templates/fellchensammlung/details/bulma-detail-adoption-notice.html b/src/fellchensammlung/templates/fellchensammlung/details/bulma-detail-adoption-notice.html
index 263bdc6..c3fa6e6 100644
--- a/src/fellchensammlung/templates/fellchensammlung/details/bulma-detail-adoption-notice.html
+++ b/src/fellchensammlung/templates/fellchensammlung/details/bulma-detail-adoption-notice.html
@@ -74,25 +74,13 @@
             <!--- Images and Description --->
             <div class="columns">
                 <!--- Images --->
-                <div class="column block">
-                    <div class="card">
-                        <div class="grid card-content">
-                            <div class="gallery">
-                                {% with photo=adoption_notice.get_photos.0 %}
-                                    <div class="main-photo">
-                                        <a href="{{ MEDIA_URL }}{{ photo.image }}"
-                                           data-pswp-width="{{ photo.image.width }}"
-                                           data-pswp-height="{{ photo.image.height }}"
-                                           target="_blank">
-                                            <img src="{{ MEDIA_URL }}{{ photo.image }}"
-                                                 alt="{{ photo.alt_text }}">
-                                        </a>
-                                    </div>
-                                {% endwith %}
-
-                                <div class="thumbnail-row">
-                                    {% for photo in adoption_notice.get_photos|slice:"1:4" %}
-                                        <div class="thumbnail">
+                {% if adoption_notice.get_photos %}
+                    <div class="column block">
+                        <div class="card">
+                            <div class="grid card-content">
+                                <div class="gallery">
+                                    {% with photo=adoption_notice.get_photos.0 %}
+                                        <div class="main-photo">
                                             <a href="{{ MEDIA_URL }}{{ photo.image }}"
                                                data-pswp-width="{{ photo.image.width }}"
                                                data-pswp-height="{{ photo.image.height }}"
@@ -101,12 +89,26 @@
                                                      alt="{{ photo.alt_text }}">
                                             </a>
                                         </div>
-                                    {% endfor %}
+                                    {% endwith %}
+
+                                    <div class="thumbnail-row">
+                                        {% for photo in adoption_notice.get_photos|slice:"1:4" %}
+                                            <div class="thumbnail">
+                                                <a href="{{ MEDIA_URL }}{{ photo.image }}"
+                                                   data-pswp-width="{{ photo.image.width }}"
+                                                   data-pswp-height="{{ photo.image.height }}"
+                                                   target="_blank">
+                                                    <img src="{{ MEDIA_URL }}{{ photo.image }}"
+                                                         alt="{{ photo.alt_text }}">
+                                                </a>
+                                            </div>
+                                        {% endfor %}
+                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
-                </div>
+                {% endif %}
                 <!--- Description --->
                 <div class="column block">
                     <div class="card">