@page
@model Status.Pages.Admin.LoginModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Admin Login - Status</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="~/css/site.css" />
</head>
<body>
<div class="login-wrap">
    <div class="login-card">
        <div style="text-align:center;margin-bottom:28px">
            <div style="font-size:32px;color:var(--accent);margin-bottom:8px">◈</div>
            <div class="login-title">Status</div>
            <div class="login-sub">Admin authentication required</div>
        </div>

        @if (!string.IsNullOrEmpty(Model.Error))
        {
            <div class="alert alert-danger">@Model.Error</div>
        }

        <form method="post">
            <div class="form-group">
                <label class="form-label">Password</label>
                <input type="password" name="Password" class="form-control" placeholder="Enter admin password" autofocus />
            </div>
            <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;padding:10px">
                Authenticate →
            </button>
        </form>

        <div style="margin-top:16px;text-align:center">
            <a href="/" style="color:var(--text-muted);font-size:12px">← Back to Dashboard</a>
        </div>

        <div style="margin-top:24px;padding-top:16px;border-top:1px solid var(--border);text-align:center">
            <span style="font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:1px">
                    DEFAULT PASSWORD: adminEonaCat
            </span>
        </div>
    </div>
</div>
</body>
</html>
