2026-02-06 17:35:29 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en" class="h-full bg-gray-50">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Login - ERP System</title>
|
|
|
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body class="h-full">
|
|
|
|
|
<div class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div class="w-full max-w-md space-y-8">
|
|
|
|
|
<div>
|
|
|
|
|
<h1 class="text-center text-3xl font-bold tracking-tight text-indigo-600">ERP System</h1>
|
|
|
|
|
<h2 class="mt-2 text-center text-lg text-gray-600">Sign in to your account</h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{if .Error}}
|
|
|
|
|
<div class="rounded-md bg-red-50 p-4">
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<div class="text-sm text-red-700">{{.Error}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{{end}}
|
|
|
|
|
|
2026-02-06 18:41:43 +01:00
|
|
|
<form class="mt-8 space-y-6" method="POST" action="/login" hx-post="/login" hx-target="body">
|
2026-02-06 17:35:29 +01:00
|
|
|
<div class="space-y-4 rounded-md shadow-sm">
|
|
|
|
|
<div>
|
|
|
|
|
<label for="username" class="block text-sm font-medium text-gray-700">Username</label>
|
|
|
|
|
<input id="username" name="username" type="text" required
|
|
|
|
|
class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
|
|
|
|
|
placeholder="admin">
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label for="password" class="block text-sm font-medium text-gray-700">Password</label>
|
|
|
|
|
<input id="password" name="password" type="password" required
|
|
|
|
|
class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
|
|
|
|
|
placeholder="admin123">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<button type="submit"
|
|
|
|
|
class="group relative flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
|
|
|
|
|
Sign in
|
|
|
|
|
</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
