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

if (!isset($_SESSION['user_id'])) {
    header("Location: login.php");
    exit;
}

$user_id = $_SESSION['user_id'];

$stmt = $pdo->prepare("SELECT * FROM users WHERE id = ?");
$stmt->execute([$user_id]);
$user = $stmt->fetch();

$error = "";
$success = "";

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = trim($_POST['username']);
    $over18   = isset($_POST['over18']) ? 1 : 0;

    // Update username + age
    $update = $pdo->prepare("
        UPDATE users SET username = ?, is_over_18 = ? WHERE id = ?
    ");
    $update->execute([$username, $over18, $user_id]);

    // Update password if provided
    if (!empty($_POST['password'])) {
        $hash = password_hash($_POST['password'], PASSWORD_DEFAULT);
        $passStmt = $pdo->prepare("UPDATE users SET password_hash = ? WHERE id = ?");
        $passStmt->execute([$hash, $user_id]);
    }

    $_SESSION['username'] = $username;
    $_SESSION['is_over_18'] = $over18;

    $success = "Profile updated.";
}
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Edit Profile</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-slate-50">

<div class="max-w-md mx-auto mt-10 bg-white p-6 rounded-xl shadow">

  <h1 class="text-xl font-semibold mb-4">Edit Profile</h1>

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

  <form method="POST">

    <label class="block text-sm mb-1">Username</label>
    <input name="username" value="<?= htmlspecialchars($user['username']) ?>"
           class="w-full px-3 py-2 border rounded mb-4">

    <label class="block text-sm mb-1">New Password (optional)</label>
    <input type="password" name="password"
           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" <?= $user['is_over_18'] ? "checked" : "" ?>>
      <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">
      Save Changes
    </button>

  </form>

</div>

</body>
</html>