feat: search results

templates/search/results.html.twig

@@ -3,16 +3,24 @@
 {% block title %}Search Results &mdash - Torsearch{% endblock %}
 
 {% block body %}
-    <div class="p-4 flex flex-col grow gap-2">
+    <div class="p-4 flex flex-col grow gap-4">
         <h2 class="mb-2 text-3xl font-bold text-gray-50">Search Results</h2>
-        <div class="flex flex-row gap-2">
-            <twig:Card title="Popular Movies" contentClass="flex flex-row justify-between w-full">
-                <twig:Poster imdbId="" title="A Working Man" description="" image="https://image.tmdb.org/t/p/w500/xUkUZ8eOnrOnnJAfusZUqKYZiDu.jpg" year="" />
-                <twig:Poster imdbId="" title="In the Lost Lands" description="" image="https://image.tmdb.org/t/p/w500/iHf6bXPghWB6gT8kFkL1zo00x6X.jpg" year="" />
-                <twig:Poster imdbId="" title="A Minecraft Movie" description="" image="https://image.tmdb.org/t/p/w500/yFHHfHcUgGAxziP1C3lLt0q2T4s.jpg" year="" />
-                <twig:Poster imdbId="" title="G20" description="" image="https://image.tmdb.org/t/p/w500/wv6oWAleCJZUk5htrGg413t3GCy.jpg" year="" />
-                <twig:Poster imdbId="" title="Novocaine" description="" image="https://image.tmdb.org/t/p/w500/xmMHGz9dVRaMY6rRAlEX4W0Wdhm.jpg" year="" />
-                <twig:Poster imdbId="" title="Gunslingers" description="" image="https://image.tmdb.org/t/p/w500/O7REXWPANWXvX2jhQydHjAq2DV.jpg" year="" />
+        <div class="flex flex-row w-full gap-2">
+            <twig:Card title="{{ results.results|length }} results for {{ results.term }}" contentClass="flex flex-col gap-4 justify-between w-full">
+                {% for result in results.results %}
+                    <ul>
+                        <li>
+                            <twig:SearchResult
+                                    mediaType="{{ result.mediaType }}"
+                                    title="{{ result.title }}"
+                                    year="{{ result.year }}"
+                                    description="{{ result.description }}"
+                                    poster="{{ result.poster }}"
+                                    imdbId="{{ result.imdbId }}"
+                            />
+                        </li>
+                    </ul>
+                {% endfor %}
             </twig:Card>
         </div>
     </div>