<?php
session_start();

if (isset($_SESSION['user'])) {
    header('Location: index.php');
    exit;
}

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

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    include 'db.php';
    $username = trim($_POST['username']);
    $password = trim($_POST['password']);

    if ($username == "" || $password == "") {
        $error = "همه فیلدها را پر کنید.";
    } else {
        // چک کن نام کاربری تکراری نباشه
        $check = $pdo->prepare("SELECT id FROM users WHERE username = :u");
        $check->execute([':u' => $username]);
        if ($check->fetch()) {
            $error = "این نام کاربری قبلاً ثبت شده است.";
        } else {
            $stmt = $pdo->prepare("INSERT INTO users (username, password, role) VALUES (:u, :p, 'user')");
            $stmt->execute([':u' => $username, ':p' => md5($password)]);
            $success = "ثبت‌نام موفق! الان میتونی وارد بشی.";
        }
    }
}
?>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>ثبت‌نام</title>
    <style>
        body { font-family: Tahoma, sans-serif; background: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
        .box { background: white; padding: 35px 40px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 300px; }
        .box h2 { text-align: center; color: #2c3e50; margin-top: 0; font-size: 18px; }
        label { font-size: 13px; color: #555; }
        input[type=text], input[type=password] {
            width: 100%; padding: 9px 12px; margin: 5px 0 15px 0;
            border: 1px solid #ccc; border-radius: 5px;
            font-size: 14px; font-family: Tahoma, sans-serif; box-sizing: border-box;
        }
        button { width: 100%; padding: 10px; background: #27ae60; color: white; border: none; border-radius: 5px; font-size: 14px; font-family: Tahoma, sans-serif; cursor: pointer; }
        button:hover { background: #1e8449; }
        .error   { background: #fadbd8; color: #c0392b; padding: 9px 12px; border-radius: 5px; font-size: 13px; margin-bottom: 15px; }
        .success { background: #d5f5e3; color: #1e8449;  padding: 9px 12px; border-radius: 5px; font-size: 13px; margin-bottom: 15px; }
        .links { text-align: center; margin-top: 15px; font-size: 13px; }
        .links a { color: #2980b9; text-decoration: none; }
    </style>
</head>
<body>
<div class="box">
    <h2>📝 ثبت‌نام</h2>
    <?php if ($error):   ?><div class="error"><?php echo $error; ?></div><?php endif; ?>
    <?php if ($success): ?><div class="success"><?php echo $success; ?></div><?php endif; ?>
    <form method="POST">
        <label>نام کاربری:</label>
        <input type="text" name="username">
        <label>رمز عبور:</label>
        <input type="password" name="password">
        <button type="submit">ثبت‌نام</button>
    </form>
    <div class="links">قبلاً ثبت‌نام کردی؟ <a href="login.php">ورود</a></div>
</div>
</body>
</html>
