<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);

include_once('../config.php'); 
include_once('../header.php');

// CRIAÇÃO DE SALA
if (isset($_POST['btn_criar'])) {
    $local = strtoupper(trim($_POST['local']));
    $jogadores = $_POST['nomes'] ?? [];
    if (!empty($local) && !empty($jogadores)) {
        $conn->query("INSERT INTO uno_partidas (local) VALUES ('$local')");
        $pid = $conn->insert_id;
        foreach ($jogadores as $nome) {
            $n = strtoupper(trim($nome));
            if (!empty($n)) {
                $conn->query("INSERT INTO uno_jogadores (partida_id, nome, pontos_total) VALUES ('$pid', '$n', 0)");
            }
        }
        echo "<script>window.location.href='uno.php';</script>";
        exit();
    }
}

// EXCLUIR SALA
if (isset($_GET['del'])) {
    $id = intval($_GET['del']);
    $conn->query("DELETE FROM uno_partidas WHERE id = $id");
    $conn->query("DELETE FROM uno_jogadores WHERE partida_id = $id");
    echo "<script>window.location.href='uno.php';</script>";
    exit();
}
?>

<style>
    body { font-family: 'Segoe UI', sans-serif; background: #f0f2f5; text-transform: uppercase; }
    .container-geral { display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; justify-content: center; }
    .col-cadastro { flex: 0 0 350px; }
    .card-fixo { background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-top: 6px solid #d32f2f; }
    .col-salas { flex: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
    .sala-box { background: #fff; border-radius: 10px; border-top: 6px solid #f1c40f; box-shadow: 0 4px 10px rgba(0,0,0,0.05); overflow: hidden; height: fit-content; }
    .sala-head { background: #d32f2f; color: #fff; padding: 12px; display: flex; justify-content: space-between; align-items: center; font-weight: 900; }
    .tabela-ranking { width: 100%; border-collapse: collapse; }
    .tabela-ranking td { padding: 12px 8px; border-bottom: 1px solid #f0f0f0; font-weight: bold; font-size: 13px; text-align: center; }
    .vencedor-bg { background: #e8f5e9 !important; color: #2e7d32 !important; }
    input[type="text"] { width: 100%; padding: 12px; margin-bottom: 8px; border: 2px solid #eee; border-radius: 8px; box-sizing: border-box; font-weight: bold; }
    .btn-vermelho { background: #d32f2f; color: white; border: none; padding: 15px; width: 100%; cursor: pointer; font-weight: 900; border-radius: 8px; }
    
    .medalha-style { 
        font-size: 16px; 
        letter-spacing: 3px; 
        display: inline-block;
    }
</style>

<div class="container-geral">
    <div class="col-cadastro">
        <div class="card-fixo">
            <h2 style="text-align: center; color: #d32f2f; font-size: 18px;">🎴 NOVO JOGO UNO</h2>
            <form method="POST">
                <input type="text" name="local" placeholder="NOME DA SALA" required>
                <div id="area-jogadores">
                    <input type="text" name="nomes[]" placeholder="JOGADOR 1" required>
                    <input type="text" name="nomes[]" placeholder="JOGADOR 2" required>
                </div>
                <button type="button" class="btn btn-light btn-block btn-sm mb-2" onclick="addNovoCampo()">+ JOGADOR</button>
                <button type="submit" name="btn_criar" class="btn-vermelho">INICIAR PARTIDA 🚀</button>
            </form>
        </div>
    </div>

    <div class="col-salas">
        <?php
        $salas = $conn->query("SELECT * FROM uno_partidas ORDER BY id DESC LIMIT 12");
        if($salas) {
            while($s = $salas->fetch_assoc()):
                $sid = $s['id'];
        ?>
        <div class="sala-box">
            <div class="sala-head">
                <span>📍 <?php echo $s['local']; ?></span>
                <div>
                    <a href="placaruno.php?partida=<?php echo $sid; ?>" style="color:white; margin-right:10px;">📋</a>
                    <a href="?del=<?php echo $sid; ?>" style="color:#ffb3b3;" onclick="return confirm('EXCLUIR?')">🗑️</a>
                </div>
            </div>
            <table class="tabela-ranking">
                <?php
                $res = $conn->query("SELECT * FROM uno_jogadores WHERE partida_id = '$sid' ORDER BY pontos_total ASC");
                $pos = 1;
                
                // Lista de modelos de medalhas diferentes
                $modelos = ["🎖️", "🏅", "🥇", "🥈", "🥉", "🏆", "✨", "⭐", "💎", "👑"];

                while($jog = $res->fetch_assoc()):
                    $pts = $jog['pontos_total'];
                    $qtd_medalhas = floor($pts / 3);
                    
                    $medalhas_html = "";
                    for ($i = 0; $i < $qtd_medalhas; $i++) {
                        // Escolhe um modelo diferente baseado na posição da medalha
                        // Se ultrapassar 10 medalhas, ele volta a usar o primeiro modelo (repetição cíclica)
                        $medalhas_html .= $modelos[$i % count($modelos)];
                    }
                ?>
                <tr class="<?php echo ($pos==1 ? 'vencedor-bg' : ''); ?>">
                    <td width="30"><?php echo $pos++; ?>º</td>
                    <td style="text-align:left;">
                        <?php echo ($pos==2 ? '🏆 ' : '').$jog['nome']; ?> 
                        <span class="medalha-style" style="float:right"><?php echo $medalhas_html; ?></span>
                    </td>
                    <td width="50" style="color:#d32f2f;"><?php echo $pts; ?></td>
                </tr>
                <?php endwhile; ?>
            </table>
        </div>
        <?php endwhile; } ?>
    </div>
</div>

<script>
function addNovoCampo() {
    const div = document.getElementById('area-jogadores');
    const input = document.createElement('input');
    input.type = 'text'; input.name = 'nomes[]'; input.placeholder = 'PRÓXIMO JOGADOR'; input.required = true;
    div.appendChild(input);
}
</script>