<?php
header('Content-Type:text/html;
charset=utf-8');
session_start();

require_once __DIR__ . '/config/database.php';

$error = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = trim($_POST['username'] ?? '');
    $password = $_POST['password'] ?? '';

    if ($username === '' || $password === '') {
        $error = '请输入用户名和密码';
    } else {
        $stmt = $pdo->prepare(
            'SELECT * FROM admins WHERE username = ? LIMIT 1'
        );

        $stmt->execute([$username]);
        $admin = $stmt->fetch();

        if ($admin && password_verify($password, $admin['password'])) {
            $_SESSION['admin_id'] = $admin['id'];
            $_SESSION['admin_username'] = $admin['username'];

            header('Location: admin/index.php');
            exit;
        } else {
            $error = '用户名或密码错误';
        }
    }
}
?>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>管理员登录 - 乔雅电脑</title>

  <style>
    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 40px 20px;
      font-family: "Microsoft YaHei", Arial, sans-serif;
      background: #f1f5f9;
    }

    .login-box {
      max-width: 420px;
      margin: 60px auto;
      padding: 32px;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    }

    h1 {
      margin-top: 0;
      color: #0f172a;
      text-align: center;
    }

    .error {
      padding: 10px;
      border-radius: 6px;
      color: #b91c1c;
      background: #fee2e2;
    }

    label {
      display: block;
      margin: 16px 0 7px;
      color: #334155;
      font-weight: bold;
    }

    input {
      width: 100%;
      padding: 12px;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      font-size: 15px;
    }

    button {
      width: 100%;
      margin-top: 24px;
      padding: 12px;
      border: 0;
      border-radius: 6px;
      color: #fff;
      background: #2563eb;
      font-size: 16px;
      cursor: pointer;
    }

    button:hover {
      background: #1d4ed8;
    }
  </style>
</head>

<body>
  <div class="login-box">
    <h1>乔雅电脑后台登录</h1>

    <?php if ($error): ?>
      <p class="error">
        <?= htmlspecialchars($error, ENT_QUOTES, 'UTF-8') ?>
      </p>
    <?php endif; ?>

    <form method="post">
      <label for="username">管理员账号</label>
      <input
        type="text"
        id="username"
        name="username"
        required
      >

      <label for="password">管理员密码</label>
      <input
        type="password"
        id="password"
        name="password"
        required
      >

      <button type="submit">登录后台</button>
    </form>
  </div>
</body>
</html>