fix

internal/server/templates/pages/login.templ

@@ -0,0 +1,49 @@
+package pages
+
+import "git.ma-al.com/goc_marek/zfs/internal/server/templates/components"
+
+// LoginPage renders the login page
+templ LoginPage() {
+	@components.Layout("Admin Login", "") {
+		<div class="min-h-screen flex items-center justify-center px-4">
+			<div class="w-full max-w-md">
+				<!-- Logo and Title -->
+				<div class="text-center mb-8">
+					<div class="w-16 h-16 bg-gradient-to-br from-primary to-accent rounded-2xl flex items-center justify-center mx-auto mb-4 shadow-lg shadow-primary/25">
+						<i class="fas fa-database text-white text-2xl"></i>
+					</div>
+					<h1 class="text-2xl font-bold text-white mb-2">ZFS Backup Admin</h1>
+					<p class="text-gray-400">Sign in to manage your backups</p>
+				</div>
+				
+				<!-- Login Form -->
+				<div class="bg-surface rounded-2xl border border-gray-700 p-8 shadow-xl">
+					<form id="login-form">
+						@components.FormInput("username", "Username", "text", "", true)
+						@components.FormInput("password", "Password", "password", "", true)
+						<button 
+							type="submit" 
+							class="w-full mt-2 px-4 py-3 bg-primary hover:bg-primary-dark text-white rounded-lg transition-all flex items-center justify-center gap-2 shadow-lg shadow-primary/25"
+						>
+							<i class="fas fa-sign-in-alt"></i>
+							Sign In
+						</button>
+					</form>
+					
+					<div class="mt-6 pt-6 border-t border-gray-700 text-center">
+						<p class="text-gray-500 text-sm">
+							<i class="fas fa-info-circle mr-1"></i>
+							Default: <span class="text-gray-400">admin / admin123</span>
+						</p>
+					</div>
+				</div>
+				
+				<!-- Footer -->
+				<p class="text-center text-gray-600 text-xs mt-8">
+					Powered by ZFS Backup System
+				</p>
+			</div>
+		</div>
+		<script src="/admin/static/login.js"></script>
+	}
+}