Filter_library

django/templates/library/overview_quiz.html

@@ -1,9 +1,28 @@
 {% extends 'base.html' %}
-
 {% block content %}
+
+
+
 <div class="flex justify-end mr-2">
     <a href="{% url 'library:new_quiz' %}" class="mt-2 p-2 shadow-md border-blue-600 border-2 rounded-md text-black mb-12">Neues Quiz erstellen</a>
 </div>
+
+<div class="w-screen flex justify-center items-center">
+    <div class="w-full m-4 border-blue-600 border-2 rounded-xl shadow-md p-6 lg:w-1/4">
+        <form method="get" class="flex flex-col space-y-4">
+            <h1 class="text-xl font-bold">Filter</h1>
+            Maximale Anzahl an Fragen {{ form.max_amout_questions }}
+            von User {{ form.user }} 
+             <!-- Rendert die Form-Felder -->
+            <button type="submit" class="qp-a-button-small border-2 border-blue-600 text-black">Filtern</button>
+        </form>
+    </div>
+</div>
+
+
+
+
+
 {% if quizzes %}
 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 px-4 place-items-center">    
     <h1 class="font-bold mb-4 px-4 bg-blue-100">meine eigenen Quiz</h1></div>
@@ -31,7 +50,7 @@
     {% endfor %}
     {% endif %}
 </div>
-    
+{% if all_quizzes %}
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 px-4 place-items-center"> 
            <h1 class="font-bold px-4 bg-blue-100 mt-8 mb-4">Quiz von anderen Nutzern</h1></div>
 
@@ -55,7 +74,12 @@
             </div>
         </div>
     </div>
+ 
+
     {% endfor %}
+    {% else %}
+    <div class="text-center font-bold">Es wurde kein passendes Quiz von einem anderen Nutzer gefunden.</div>
+    {% endif %}
 </div>
  
 {% endblock %}