50 lines
1.7 KiB
Plaintext
50 lines
1.7 KiB
Plaintext
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>
|
|
}
|
|
}
|