65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login - mGuard VPN Manager</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="/static/css/custom.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="login-container">
|
|
<div class="login-box">
|
|
<div class="text-center mb-4">
|
|
<i class="bi bi-shield-lock login-logo"></i>
|
|
<h2 class="mt-2">mGuard VPN Manager</h2>
|
|
<p class="text-muted">Bitte anmelden</p>
|
|
</div>
|
|
|
|
{% if error %}
|
|
<div class="alert alert-danger">
|
|
<i class="bi bi-exclamation-triangle"></i> {{ error }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="post" action="/login">
|
|
<div class="mb-3">
|
|
<label for="username" class="form-label">Benutzername</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="bi bi-person"></i></span>
|
|
<input type="text" class="form-control" id="username" name="username"
|
|
placeholder="Benutzername eingeben" required autofocus>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="password" class="form-label">Passwort</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="bi bi-lock"></i></span>
|
|
<input type="password" class="form-control" id="password" name="password"
|
|
placeholder="Passwort eingeben" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3 form-check">
|
|
<input type="checkbox" class="form-check-input" id="remember" name="remember">
|
|
<label class="form-check-label" for="remember">Angemeldet bleiben</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary w-100">
|
|
<i class="bi bi-box-arrow-in-right"></i> Anmelden
|
|
</button>
|
|
</form>
|
|
|
|
<hr class="my-4">
|
|
|
|
<p class="text-center text-muted small mb-0">
|
|
mGuard VPN Manager v1.0<br>
|
|
© 2024
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|