2025-10-15 17:41:05 +02:00

39 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en" class="h-full" x-data="{dark: localStorage.getItem('dark')==='1'}" x-bind:class="dark ? 'dark' : ''"
xmlns:x="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>{% block title %}Remote Admin{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="bg-gray-100 text-gray-900">
<nav class="bg-gray-800 text-white p-3 flex gap-4">
<a href="/" class="font-semibold">Console</a>
<a href="/hosts/">Hosts</a>
<a href="/logs/">Logs</a>
<a href="/batches/">Batches</a>
<a href="/tasks/">Tasks</a>
<a href="/manual/">Manual</a>
<a href="/readme/">README</a>
<span class="ml-auto">
{% if user.is_authenticated %}
<form method="post" action="{% url 'logout' %}" class="inline-flex items-center gap-2">
{% csrf_token %}
<span class="text-sm opacity-80">{{ user.username }}</span>
<button type="submit" class="underline hover:text-red-300">Logout</button>
</form>
{% else %}
<a href="{% url 'login' %}" class="underline">Login</a>
{% endif %}
</span>
</nav>
<main class="p-4 max-w-6xl mx-auto">
{% block content %}{% endblock %}
</main>
</body>
</html>