From 1c283cb90b33db54412acfa77c9d7759a1d2385a Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Thu, 7 Sep 2023 16:09:15 +0200
Subject: [PATCH] [#1709] Added HTML for if there are zero search results

---
 src/open_inwoner/templates/pages/search.html | 21 +++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/open_inwoner/templates/pages/search.html b/src/open_inwoner/templates/pages/search.html
index 734ba134b0..6245f5bcdc 100644
--- a/src/open_inwoner/templates/pages/search.html
+++ b/src/open_inwoner/templates/pages/search.html
@@ -29,7 +29,7 @@ <h1 class="h1">Zoeken</h1>
                 <div class="grid__main">
                     <div class="search-results">
                         <h2 class="h2 search-results__title">
-                            Zoekresultaten
+                            {% trans "Zoekresultaten" %}
                             <span class="search-results__title-small">{{paginator.count}} zoekresultaten</span>
 
                         </h2>
@@ -48,6 +48,25 @@ <h3 class="search-results__item-title">{{ hit.name }}</h3>
                     {% pagination page_obj=page_obj paginator=paginator request=request %}
                 </div>
             </div>
+        {% else %}
+            <div class="grid">
+                {% spaceless %}
+                <div class="grid__sidebar">&nbsp;</div>
+                {% endspaceless %}
+                <div class="grid__main">
+                    <div class="search-results search-results--none">
+                        <h2 class="h2 search-results__title">
+                            {% trans "Geen zoekresultaten" %}
+                        </h2>
+                        <p class="p">{% trans "Helaas, wij vonden geen resultaten voor jouw zoekopdracht." %}</p>
+                    </div>
+                    <ul class="ul">
+                       <li class="li">{% trans "Controleer de spelling van je zoekopdracht." %}</li>
+                       <li class="li">{% trans "Probeer een andere zoekopdracht." %}</li>
+                       <li class="li">{% trans "Vragen? Neem contact met ons op." %}</li>
+                    </ul>
+                </div>
+            </div>
         {% endif %}
     {% endrender_form %}