<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Admin login | TOUS CINO</title>
  <meta name="robots" content="noindex,nofollow">
  <link rel="icon" type="image/jpeg" href="/public/images/brand/logo.jpeg">
  <link rel="stylesheet" href="/public/css/style.css">
</head>
<body class="admin-body admin-login-body">
  <div class="admin-login">
    <div class="panel">
      <div style="text-align:center; margin-bottom:18px;">
        <img src="/public/images/brand/logo.jpeg" alt="TOUS CINO logo" style="width:96px; height:96px; object-fit:cover; border-radius:22px; margin:0 auto; display:block;">
      </div>
      <p style="text-align:center; color:var(--muted); font-size:12px; letter-spacing:.3em; text-transform:uppercase; margin:0 0 24px;">Admin access</p>
      <% if (error) { %><div class="admin-alert"><%= error %></div><% } %>
      <form method="post" action="/admin/login">
        <div class="form-field"><label for="email">Email</label><input id="email" name="email" type="email" required></div>
        <div class="form-field"><label for="password">Password</label><input id="password" name="password" type="password" required></div>
        <button class="btn btn-gold btn-block" type="submit">Sign in to admin</button>
      </form>
      <p style="text-align:center; margin-top:16px;"><a href="/" style="color:var(--muted); font-size:13px;">← Back to store</a></p>
    </div>
  </div>
</body>
</html>
