{{define "login"}}
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bejelentkezés — Felhom</title>
    <link rel="stylesheet" href="/static/style.css">
</head>
<body class="login-body">
    <div class="login-card">
        <img src="/static/felhom-logo.svg" alt="Felhom.eu" class="login-logo">
        <p class="login-subtitle">{{.CustomerName}}</p>
        {{if .Error}}<div class="alert alert-error">{{.Error}}</div>{{end}}
        <form method="POST" action="/login">
            <div class="form-group">
                <label for="password">Jelszó</label>
                <input type="password" id="password" name="password" required autofocus
                       placeholder="Adja meg a jelszavát" class="form-control">
            </div>
            <button type="submit" class="btn btn-primary btn-full">Bejelentkezés</button>
        </form>
        <p class="login-footer">Felhom — Otthoni szerver kezelés<br>
        <a href="https://felhom.eu" target="_blank">felhom.eu</a></p>
    </div>
</body>
</html>
{{end}}
