<!DOCTYPE html>
<html lang="da" class="dark">
<head>
<meta charset="UTF-8">
<title>Away Manager | Login</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-900 text-white h-screen flex items-center justify-center">
<div class="bg-gray-800 p-10 rounded-2xl shadow-2xl w-96 border border-gray-700">
<div class="text-center mb-8">
<h1 class="text-3xl font-bold text-blue-500 tracking-wider">AWAY<span class="text-white">MANAGER</span></h1>
<p class="text-gray-400 text-sm mt-2">Admin Control Panel</p>
</div>
<form method="POST">
<div class="mb-4">
<label class="block text-gray-400 text-sm font-bold mb-2">Brugernavn</label>
<input type="text" name="username" class="w-full bg-gray-700 border border-gray-600 rounded py-2 px-3 focus:outline-none focus:border-blue-500 text-white" required>
</div>
<div class="mb-6">
<label class="block text-gray-400 text-sm font-bold mb-2">Adgangskode</label>
<input type="password" name="password" class="w-full bg-gray-700 border border-gray-600 rounded py-2 px-3 focus:outline-none focus:border-blue-500 text-white" required>
</div>
<button type="submit" class="w-full bg-blue-600 hover:bg-blue-500 text-white font-bold py-3 px-4 rounded-lg shadow-lg shadow-blue-500/30 transition duration-200">
LOG IND
</button>
</form>
</div>
</body>
</html>