Merge branch '146-pdf-erstellen-fur-quiz' into 'master'

Resolve "PDF - erstellen für Quiz"

Closes #146

See merge request enrichment-2024/qivip!102

django/templates/library/detail_quiz.html

@@ -3,7 +3,6 @@
 {% block content %}
 
 <div class="container mx-auto px-4">
-    
     <div class="flex flex-wrap space-y-2 items-center justify-between mb-6 dark:text-white">
         <h1 class="text-2xl font-bold mr-4 dark:text-white ">{{ quiz.name }}</h1> 
      
@@ -50,9 +49,10 @@
               </div>
             </div>
           
+            
        
     </div>
-
+  
     {% if quiz.description %}
     <p class="text-gray-600 mb-4 dark:text-gray-400">{{ quiz.description }}</p>
     {% endif %}
@@ -253,6 +253,38 @@
     {% endif %}
 </div>
 
+ {% if questions %}
+<div class="flex flex-col sm:flex-row gap-4 items-start sm:items-center my-6">
+
+     <!-- Aufgabenblatt herunterladen Button -->
+
+  <a href="{% url 'library:quiz_task' pk=quiz.pk %}?show_answers=true"
+     target="_blank"
+     class=" inline-flex items-center gap-2 px-2 py-2 rounded-lg bg-blue-600 hover:bg-blue-700 text-white shadow-md transition">
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none"
+         viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+            d="M12 4v16m8-8H4" />
+    </svg>
+    als Aufgabenblatt herunterladen (PDF)
+  </a>
+ 
+  <!-- Lösung herunterladen Button -->
+  <a href="{% url 'library:quiz_solution' pk=quiz.pk %}?show_answers=true"
+     target="_blank"
+     class="inline-flex items-center gap-2 px-2 py-2 rounded-lg bg-green-600 hover:bg-green-700 text-white  shadow-md transition">
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none"
+         viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+            d="M12 4v16m8-8H4" />
+    </svg>
+    Lösungen herunterladen (PDF)
+  </a>
+
+ 
+
+</div>
+   {% endif %}
 <div class="flex flex-col max-w-full">
      <p class="text-gray-600 mt-2 dark:text-white ">Credits: </p>
     {% if quiz.credits %}
@@ -266,6 +298,8 @@
     
 </div>
 
+
+
 <div class="flex flex-col max-w-full">
     <ul class="space-y-2">
         {% regroup questions by credits as grouped_credits %}
@@ -284,7 +318,6 @@
     </ul>
 </div>
 
-
 </div>
 
 {% endblock %}