<?php
session_start();
require_once 'idiomas.php';

require_once 'config.php';

if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['register'])) {
    $user = $conn->real_escape_string($_POST['username']);
    $pass = password_hash($_POST['password'], PASSWORD_DEFAULT);
    $conn->query("INSERT INTO users (username, password) VALUES ('$user', '$pass')");
    $msg = "<div class='alert alert-success'>Cadastro realizado! Faça login.</div>";
}

if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['login'])) {
    $user = $conn->real_escape_string($_POST['username']);
    $result = $conn->query("SELECT * FROM users WHERE username='$user'");
    if ($result->num_rows > 0) {
        $row = $result->fetch_assoc();
        if (password_verify($_POST['password'], $row['password'])) {
            $_SESSION['user_id'] = $row['id'];
            $_SESSION['username'] = $row['username'];
            header("Location: index.php");
            exit();
        } else {
            $msg = "<div class='alert alert-danger'>Senha incorreta! / Wrong password!</div>";
        }
    } else {
        $msg = "<div class='alert alert-warning'>Usuário não encontrado! / User not found!</div>";
    }
}

if (isset($_GET['logout'])) {
    session_destroy();
    header("Location: index.php");
    exit();
}
?>
<!DOCTYPE html>
<html lang="<?php echo $_SESSION['lang']; ?>" data-bs-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo $t['title_arena']; ?></title>
    <link rel="icon" type="image/png" href="/static/images/logo.png">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        body { background-color: #121212; }
        .hero-title { font-weight: 800; letter-spacing: 2px; color: #ff4757; text-transform: uppercase;}
        .lang-btn { text-decoration: none; margin-left: 10px; font-size: 1.2rem; opacity: 0.5; transition: 0.3s; }
        .lang-btn:hover { opacity: 0.8; }
        .lang-btn.active { opacity: 1; border-bottom: 2px solid #ff4757; }
        .about-section { background-color: #1e1e1e; border-radius: 8px; border-left: 5px solid #ff4757; }

        /* Botão Voltar ao Portal (Estilo Sunoki) */
        .back-to-portal-btn {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 9999;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 12px 24px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }

        .back-to-portal-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
            color: white;
            text-decoration: none;
        }

        .back-to-portal-btn i {
            font-size: 16px;
        }
    </style>
</head>
<body>

    <a href="/" class="back-to-portal-btn">
        <i class="fas fa-arrow-left"></i>
        <span>Voltar ao Portal</span>
    </a>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark border-bottom border-secondary mb-4">
        <div class="container">
            <a class="navbar-brand fw-bold" href="index.php"><?php echo $t['nav_arena']; ?></a>
            <div class="collapse navbar-collapse">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="ranking.php"><?php echo $t['nav_ranking']; ?></a></li>
                    <li class="nav-item"><a class="nav-link" href="historico.php"><?php echo $t['nav_history']; ?></a></li>
                    <?php if (isset($_SESSION['user_id'])): ?>
                        <li class="nav-item"><a class="nav-link text-danger" href="?logout=1"><?php echo $t['nav_logout']; ?></a></li>
                    <?php endif; ?>
                    
                    <li class="nav-item d-flex align-items-center ms-3 border-start border-secondary ps-3">
                        <a href="?lang=pt" class="lang-btn <?php echo ($_SESSION['lang'] == 'pt') ? 'active' : ''; ?>">🇧🇷</a>
                        <a href="?lang=en" class="lang-btn <?php echo ($_SESSION['lang'] == 'en') ? 'active' : ''; ?>">🇺🇸</a>
                        <a href="?lang=de" class="lang-btn <?php echo ($_SESSION['lang'] == 'de') ? 'active' : ''; ?>">🇩🇪</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container text-center">
        <h1 class="hero-title mb-4"><?php echo $t['title_arena']; ?></h1>

        <div class="row justify-content-center">
            <div class="col-md-6 mb-5">
                <?php if (isset($msg)) echo $msg; ?>

                <?php if (!isset($_SESSION['user_id'])): ?>
                    <div class="card shadow-lg border-secondary">
                        <div class="card-header bg-dark text-white">
                            <h4 class="mb-0"><?php echo $t['login_title']; ?></h4>
                        </div>
                        <div class="card-body bg-darker">
                            <form method="POST">
                                <div class="mb-3">
                                    <input type="text" name="username" class="form-control" placeholder="<?php echo $t['user']; ?>" required>
                                </div>
                                <div class="mb-3">
                                    <input type="password" name="password" class="form-control" placeholder="<?php echo $t['password']; ?>" required>
                                </div>
                                <div class="d-grid gap-2">
                                    <button type="submit" name="login" class="btn btn-primary btn-lg"><?php echo $t['btn_login']; ?></button>
                                    <button type="submit" name="register" class="btn btn-outline-light"><?php echo $t['btn_register']; ?></button>
                                </div>
                            </form>
                        </div>
                    </div>
                <?php else: ?>
                    <div class="card shadow-lg border-primary">
                        <div class="card-body py-5">
                        <h2 class="mb-4"><?php echo $t['welcome']; ?>, <span class="text-primary"><?php echo htmlspecialchars($_SESSION['username']); ?></span>!</h2>
                            
                            <div class="d-grid gap-3 col-10 mx-auto">
                                <a href="upload.php" class="btn btn-info btn-lg"><?php echo $t['btn_arsenal']; ?></a>
                                <a href="desafio.php" class="btn btn-danger btn-lg text-uppercase fw-bold shadow-sm"><?php echo $t['btn_challenge']; ?></a>
                            </div>
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="about-section p-4 text-start shadow-sm mb-5">
                    <h3 class="fw-bold mb-3 text-light"><?php echo $t['about_title']; ?></h3>
                    <p class="text-secondary fs-5" style="line-height: 1.6;">
                        <?php echo $t['about_desc']; ?>
                    </p>
                    <div class="mt-4">
                        <a href="https://robocode.sourceforge.io/docs/robocode/" target="_blank" class="btn btn-outline-light fw-bold">
                            <?php echo $t['docs_link']; ?>
                        </a>
                        <a href="https://robowiki.net/" target="_blank" class="btn btn-outline-secondary fw-bold ms-2">
                            RoboWiki
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
</html>
