From c0db55d467a4cfc7634b6eb0b1813d98f4b52305 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Fri, 28 Feb 2025 14:43:59 +0100
Subject: [PATCH] fix(form): handle multiple files in form template

---
 .../form/bootstrap_4_form_theme.html.twig     | 48 +++++++++++--------
 1 file changed, 28 insertions(+), 20 deletions(-)

diff --git a/src/core/Resources/views/form/bootstrap_4_form_theme.html.twig b/src/core/Resources/views/form/bootstrap_4_form_theme.html.twig
index 8690d63..6c92354 100644
--- a/src/core/Resources/views/form/bootstrap_4_form_theme.html.twig
+++ b/src/core/Resources/views/form/bootstrap_4_form_theme.html.twig
@@ -42,30 +42,38 @@
             {% endif %}
 
             {% if value %}
-                {% if fileType in ['auto', 'image'] and value.extension in ['jpeg', 'jpg', 'gif', 'png', 'svg', 'webp'] %}
-                    <div class="card">
-                        <div class="card-img-top bg-tiles text-center">
-                            <a href="{{ asset(value.pathname) }}" target="_blank">
-                                <img src="{{ asset(value.pathname) }}" class="img-fluid">
-                            </a>
-                        </div>
-                        <div class="card-body">
-                            {{- parent() -}}
-                        </div>
-                    </div>
-                {% else %}
-                    <div class="card">
-                        <div class="card-body">
-                            {{- parent() -}}
+                {% if not value is iterable %}
+                    {% set value = [value] %}
+                {% endif %}
 
-                            <div class="p-2 text-center">
-                                <a class="btn btn-primary" href="{{ asset(value.pathname) }}" target="_blank">
-                                    {{ 'Download'|trans }}
+                {% for item in value %}
+                    {% set padding = value|length > 0 and not loop.last ? 'pt-2' : '' %}
+
+                    {% if fileType in ['auto', 'image'] and item.extension in ['jpeg', 'jpg', 'gif', 'png', 'svg', 'webp'] %}
+                        <div class="card {{ padding }}">
+                            <div class="card-img-top bg-tiles text-center">
+                                <a href="{{ asset(item.pathname) }}" target="_blank">
+                                    <img src="{{ asset(item.pathname) }}" class="img-fluid">
                                 </a>
                             </div>
+                            <div class="card-body">
+                                {{- parent() -}}
+                            </div>
                         </div>
-                    </div>
-                {% endif %}
+                    {% else %}
+                        <div class="card">
+                            <div class="card-body">
+                                {{- parent() -}}
+
+                                <div class="p-2 text-center">
+                                    <a class="btn btn-primary" href="{{ asset(item.pathname) }}" target="_blank">
+                                        {{ 'Download'|trans }}
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    {% endif %}
+                {% endfor %}
             {% else %}
                 {{- parent() -}}
             {% endif %}