<?php
session_start();
require_once "db.php";

$error = "";

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    $username = trim($_POST['username'] ?? "");
    $password = trim($_POST['password'] ?? "");
    $over18   = isset($_POST['over18']) ? 1 : 0;

    if (!$username || !$password) {
        $error = "All fields are required.";
    } else {
        // Check if username exists
        $check = $pdo->prepare("SELECT id FROM users WHERE username = ?");
        $check->execute([$username]);

        if ($check->fetch()) {
            $error = "Username already taken.";
        } else {
            // Create account
            $hash = password_hash($password, PASSWORD_DEFAULT);

            $stmt = $pdo->prepare("
                INSERT INTO users (username, password_hash, is_over_18)
                VALUES (?, ?, ?)
            ");
            $stmt->execute([$username, $hash, $over18]);

            $_SESSION['user_id'] = $pdo->lastInsertId();
            $_SESSION['username'] = $username;
            $_SESSION['is_over_18'] = $over18;

            header("Location: index.php");
            exit;
        }
    }
}
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Register</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-slate-50">

<div class="max-w-md mx-auto mt-20 bg-white p-6 rounded-xl shadow">
  <h1 class="text-xl font-semibold mb-4">Create Account</h1>

  <?php if ($error): ?>
    <div class="mb-4 text-red-600 text-sm"><?= htmlspecialchars($error) ?></div>
  <?php endif; ?>

  <form method="POST">
    <label class="block mb-2 text-sm">Username</label>
    <input name="username" required class="w-full px-3 py-2 border rounded mb-4">

    <label class="block mb-2 text-sm">Password</label>
    <input type="password" name="password" required class="w-full px-3 py-2 border rounded mb-4">

    <label class="flex items-center gap-2 mb-4">
      <input type="checkbox" name="over18" class="w-4 h-4">
      <span class="text-sm">I am over 18</span>
    </label>

    <button class="w-full bg-teal-600 text-white py-2 rounded hover:bg-teal-700">
      Register
    </button>
  </form>

  <p class="text-sm text-center mt-4">
    Already have an account?
    <a href="login.php" class="text-teal-600">Login</a>
  </p>
</div>

</body>
</html>