feat: added faqs

ticketsystem/templates/ticketsystem/base.html

@@ -16,6 +16,7 @@
                     <a href="{% url 'ticket-list' %}" class="text-white hover:text-gray-300">📋 Tickets</a>
                     <a href="{% url 'assigned-tickets' %}"
                        class="text-white hover:text-gray-300">🧾 Meine Tickets</a>
+                    <a href="{% url 'faq-list' %}" class="text-white hover:text-gray-300">❓ FAQ</a>
                 </div>
                 <div class="flex items-center space-x-4">
                     {% if user.is_authenticated %}
@@ -30,8 +31,7 @@
         </nav>
         <!-- Global Container -->
         <div class="max-w-4xl mx-auto mt-8 px-4">
-            {% block content %}
-            {% endblock %}
+            {% block content %}{% endblock %}
         </div>
     </body>
 </html>

ticketsystem/templates/ticketsystem/faq.html

@@ -0,0 +1,24 @@
+{% extends "ticketsystem/base.html" %}
+{% block content %}
+    <div class="max-w-4xl mx-auto px-4 py-6">
+        <!-- Header -->
+        <div class="bg-white rounded-lg shadow p-6 mb-6">
+            <div class="flex justify-between items-center">
+                <h1 class="text-3xl font-bold">❓ Häufig gestellte Fragen</h1>
+                <a href="{% url 'faq-pdf-download' %}"
+                   class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded">📄 PDF Download</a>
+            </div>
+        </div>
+        <!-- FAQ Liste -->
+        {% for faq in faqs %}
+            <div class="bg-white rounded-lg shadow p-6 mb-4">
+                <h3 class="font-bold text-lg mb-2">{{ forloop.counter }}. {{ faq.question }}</h3>
+                <div class="text-gray-700">{{ faq.answer|linebreaks }}</div>
+            </div>
+        {% empty %}
+            <div class="bg-white rounded-lg shadow p-8 text-center">
+                <p class="text-gray-500">Noch keine FAQs vorhanden.</p>
+            </div>
+        {% endfor %}
+    </div>
+{% endblock %}