<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Admin Login</title>
  <link rel="stylesheet" href="<%= base %>/public/css/style.css">
</head>
<body>

<div class="login-wrap">
  <div class="login-card">
    <div class="login-logo">&#9632; <span>Quiz</span>Platform</div>
    <p class="login-sub">Administrator Access</p>

    <% if (error) { %>
      <div class="alert alert-error">&#9888; <%= error %></div>
    <% } %>

    <form action="<%= base %>/admin/login" method="POST">
      <div class="form-group">
        <label for="email">Email Address</label>
        <input type="email" id="email" name="email" placeholder="admin@quiz.com" required autofocus>
      </div>
      <div class="form-group">
        <label for="password">Password</label>
        <input type="password" id="password" name="password" placeholder="••••••••" required>
      </div>
      <button type="submit" class="btn btn-navy btn-full" style="padding:13px;margin-top:0.5rem;">
        Sign In &rarr;
      </button>
    </form>

    <p style="margin-top:1.5rem;text-align:center;">
      <a href="<%= base %>/" style="font-size:0.85rem;color:var(--text-muted);">&larr; Back to quiz platform</a>
    </p>
  </div>
</div>

</body>
</html>
