<?php
require_once __DIR__ . '/session.php';

$error = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = $_POST['username'] ?? '';
    $email = $_POST['email'] ?? '';
    $password = $_POST['password'] ?? '';
    
    if ($username && $email && $password) {
        $hash = password_hash($password, PASSWORD_DEFAULT);
        try {
            $stmt = db()->prepare("INSERT INTO users (username, email, password_hash) VALUES (?, ?, ?)");
            $stmt->execute([$username, $email, $hash]);
            $userId = db()->lastInsertId();
            
            // Add to default server
            $stmt = db()->prepare("INSERT IGNORE INTO server_members (server_id, user_id) VALUES (1, ?)");
            $stmt->execute([$userId]);

            $_SESSION['user_id'] = $userId;
            header('Location: ../index.php');
            exit;
        } catch (Exception $e) {
            $error = "Registration failed: " . $e->getMessage();
        }
    } else {
        $error = "Please fill all fields.";
    }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register | Discord Clone</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/css/discord.css">
    <style>
        body { background-color: #313338; display: flex; align-items: center; justify-content: center; height: 100vh; }
        .auth-card { background-color: #2b2d31; padding: 32px; border-radius: 8px; width: 100%; max-width: 480px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
        .form-label { color: #b5bac1; font-size: 12px; font-weight: bold; text-transform: uppercase; }
        .form-control { background-color: #1e1f22; border: none; color: #dbdee1; padding: 10px; }
        .form-control:focus { background-color: #1e1f22; color: #dbdee1; box-shadow: none; }
        .btn-blurple { background-color: #5865f2; color: white; width: 100%; font-weight: bold; margin-top: 20px; }
        .btn-blurple:hover { background-color: #4752c4; color: white; }
        .auth-footer { color: #949ba4; font-size: 14px; margin-top: 10px; }
        .auth-footer a { color: #00a8fc; text-decoration: none; }
    </style>
</head>
<body>
    <div class="auth-card">
        <h3 class="text-center mb-4">Create an account</h3>
        <?php if($error): ?>
            <div class="alert alert-danger"><?php echo htmlspecialchars($error); ?></div>
        <?php endif; ?>
        <form method="POST">
            <div class="mb-3">
                <label class="form-label">Username</label>
                <input type="text" name="username" class="form-control" required>
            </div>
            <div class="mb-3">
                <label class="form-label">Email</label>
                <input type="email" name="email" class="form-control" required>
            </div>
            <div class="mb-3">
                <label class="form-label">Password</label>
                <input type="password" name="password" class="form-control" required>
            </div>
            <button type="submit" class="btn btn-blurple">Continue</button>
            <div class="auth-footer">
                Already have an account? <a href="login.php">Login</a>
            </div>
        </form>
    </div>
</body>
</html>
