Wire up home search input to go to search page

website/home/models.py

@@ -21,8 +21,13 @@ class HomePage(BasePage):
     ]
 
     def get_context(self, request: HttpRequest) -> dict:
+        from website.search.models import SearchPage
+
         context = super().get_context(request)
         context["latest_blog_post"] = (
             BlogPostPage.objects.live().defer_streamfields().order_by("-date").first()
         )
+        context["search_page"] = (
+            SearchPage.objects.all().live().defer_streamfields().first()
+        )
         return context

website/home/templates/home/home_page.html

@@ -6,7 +6,11 @@
   <main {% if page.image %}style="background-image: url({% image_url page.image 'width-1200' %})"{% endif %}>
     <div class="heading-wrapper">
       <h1>{{ page.heading }}</h1>
-      <input id="search-input" class="input" type="text" placeholder="Search">
+      {% if search_page %}
+        <form action="{% pageurl search_page %}">
+          <input id="search-input" class="input" type="text" placeholder="Search" name="q">
+        </form>
+      {% endif %}
     </div>
 
     {% if latest_blog_post %}