[TASK] basic styling logbook and stats

templates/log.completed.html.tera

@@ -7,10 +7,18 @@
 
 	<div class="max-w-screen-lg w-full">
 		<h1 class="h1">Logbuch</h1>
-		{% for log in logs %}
-			{{ log::show_old(log=log, state="completed", only_ones=false) }}
-			<hr/>
-		{% endfor %}
+
+    <div class="mt-3">
+      <div class="bg-gray-200 p-3 mt-4 rounded-t-md">
+        <label for="name" class="sr-only">Suche</label>
+        <input type="search" name="name" id="filter-js" class="w-full relative block rounded-md border-0 py-1.5 px-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6 mb-2 md:mb-0" placeholder="Suchen nach...">
+      </div>
+
+      <div id="filter-result-js" class="bg-gray-200 text-primary-950 pb-3 px-3 text-right"></div>
+      {% for log in logs %}
+        {{ log::show_old(log=log, state="completed", only_ones=false, index=loop.index) }}
+      {% endfor %}
+    </div>
 	</div>
 
 {% endblock content%}