<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Anmeldung - Frühstückskonten Verwaltung</title>
    <link rel="stylesheet" href="/styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>Frühstückskonten Verwaltung</h1>
        </header>
        
        <main>
            <div class="login-container">
                <h2>Anmeldung</h2>
                <% if (typeof error !== 'undefined' && error) { %>
                    <div class="error"><%= error %></div>
                <% } %>
                <form action="/login" method="POST">
                    <div class="form-group">
                        <label for="username">Benutzername:</label>
                        <input type="text" id="username" name="username" required autofocus>
                    </div>
                    <div class="form-group">
                        <label for="password">Passwort:</label>
                        <input type="password" id="password" name="password" required>
                    </div>
                    <button type="submit" class="btn">Anmelden</button>
                </form>
                <p class="login-hint">
                    <strong>Standard-Anmeldung:</strong><br>
                    Benutzername: admin<br>
                    Passwort: admin123
                </p>
                <p class="pin-check-link">
                    <a href="/pin-check">Kontostand mit PIN abfragen</a>
                </p>
            </div>
        </main>
        
        <footer>
            <p>&copy; 2024 Frühstückskonten Verwaltung</p>
        </footer>
    </div>
</body>
</html>
