71 lines
3.2 KiB
HTML
71 lines
3.2 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>
|
|
{% block title %}TicketSystem{% endblock %}
|
|
</title>
|
|
<link href="{% static 'css/tailwind.css' %}" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-gray-100">
|
|
<nav class="bg-gray-700 text-white py-4">
|
|
<div class="max-w-6xl mx-auto px-4">
|
|
<!-- Mobile Header -->
|
|
<div class="flex justify-between items-center md:hidden">
|
|
<h1 class="text-lg font-semibold">🎫 TicketSystem</h1>
|
|
<button id="mobile-menu-btn" class="text-2xl">☰</button>
|
|
</div>
|
|
|
|
<!-- Desktop Menu -->
|
|
<div class="hidden md:flex md:justify-between md:items-center">
|
|
<div class="flex space-x-6">
|
|
<a href="{% url 'home' %}" class="text-white hover:text-gray-300">🏠 Start</a>
|
|
<a href="{% url 'ticket-list' %}" class="text-white hover:text-gray-300">📋 Tickets</a>
|
|
<a href="{% url 'faq-list' %}" class="text-white hover:text-gray-300">❓ FAQ</a>
|
|
</div>
|
|
{% if user.is_authenticated %}
|
|
<div class="flex items-center space-x-4">
|
|
<span>👤 {{ user.username }}</span>
|
|
<form method="post" action="{% url 'logout' %}" class="inline">
|
|
{% csrf_token %}
|
|
<button type="submit" class="text-white hover:text-gray-300">🚪 Logout</button>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Mobile Menu -->
|
|
<div id="mobile-menu" class="hidden mt-4">
|
|
<a href="{% url 'home' %}" class="block text-white py-2">🏠 Start</a>
|
|
<a href="{% url 'ticket-list' %}" class="block text-white py-2">📋 Tickets</a>
|
|
<a href="{% url 'faq-list' %}" class="block text-white py-2">❓ FAQ</a>
|
|
{% if user.is_authenticated %}
|
|
<div class="border-t border-gray-600 pt-3 mt-3">
|
|
<span class="block text-white py-1">👤 {{ user.username }}</span>
|
|
<form method="post" action="{% url 'logout' %}">
|
|
{% csrf_token %}
|
|
<button type="submit" class="text-white py-2">🚪 Logout</button>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Global Container -->
|
|
<div class="max-w-6xl mx-auto mt-8 px-4">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
|
|
<!-- Mobile Menu Script -->
|
|
<script>
|
|
const menuBtn = document.getElementById('mobile-menu-btn');
|
|
const menu = document.getElementById('mobile-menu');
|
|
if (menuBtn && menu) {
|
|
menuBtn.onclick = () => menu.classList.toggle('hidden');
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |