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

// 1. LÓGICA DE CRIAÇÃO
if (isset($_POST['btn_criar'])) {
    $local = strtoupper(trim($_POST['local']));
    $jogadores = $_POST['nomes'] ?? [];
    
    if (!empty($local) && !empty($jogadores)) {
        $conn->query("INSERT INTO mexe_partidas (local) VALUES ('$local')");
        $pid = $conn->insert_id;
        
        foreach ($jogadores as $nome) {
            $n = strtoupper(trim($nome));
            if (!empty($n)) {
                $conn->query("INSERT INTO mexe_jogadores (partida_id, nome) VALUES ('$pid', '$n')");
            }
        }
        // Redirecionamento seguro via JS
        echo "<script>window.location.href='mexemexe.php';</script>";
        exit();
    }
}

// 2. LÓGICA DE EXCLUIR SALA (CORRIGIDA)
if (isset($_GET['del'])) {
    $id = intval($_GET['del']);
    if ($id > 0) {
        $conn->query("DELETE FROM mexe_partidas WHERE id = $id");
    }
    // Mudamos de header() para JavaScript para evitar a tela em branco
    echo "<script>window.location.href='mexemexe.php';</script>";
    exit();
}
?>

<style>
    body { font-family: 'Segoe UI', sans-serif; background: #f0f2f5; text-transform: uppercase; margin: 0; }
    .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); position: sticky; top: 20px; }
    
    .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 #00569e; box-shadow: 0 4px 10px rgba(0,0,0,0.05); overflow: hidden; height: fit-content; }
    .sala-head { background: #222; color: #fdb913; 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; }
    
    /* Destaque do Líder */
    .vencedor-bg { background: #fff9c4 !important; color: #856404 !important; border-bottom: 1px solid #ffe082 !important; } 
    
    .nome-flex { display: flex; align-items: center; gap: 8px; width: 100%; }
    .trofeu-destaque { font-size: 18px; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2)); }
    .medalhas-badge { margin-left: auto; font-size: 14px; opacity: 0.9; }

    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-verde { background: #28a745; color: white; border: none; padding: 15px; width: 100%; cursor: pointer; font-weight: 900; border-radius: 8px; margin-top: 10px; }
    .btn-cinza { background: #f8f9fa; color: #333; border: 1px solid #ddd; padding: 10px; width: 100%; cursor: pointer; font-weight: bold; border-radius: 8px; margin-bottom: 10px; }
</style>

<div class="container-geral">
    
    <div class="col-cadastro">
        <div class="card-fixo">
            <h2 style="margin: 0 0 20px 0; font-size: 18px; text-align: center;">🏆 NOVO JOGO</h2>
            <form method="POST">
                <input type="text" name="local" placeholder="LOCAL DA PARTIDA" 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-cinza" onclick="addNovoCampo()">+ ADICIONAR JOGADOR</button>
                <button type="submit" name="btn_criar" class="btn-verde">INICIAR CAMPEONATO 🚀</button>
            </form>
        </div>
    </div>

    <div class="col-salas">
        <?php
        $salas = $conn->query("SELECT * FROM mexe_partidas ORDER BY id DESC LIMIT 12");
        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="placarmexemexe.php?partida=<?php echo $sid; ?>" style="color:white; text-decoration:none; margin-right:12px;">📋</a>
                    <a href="?del=<?php echo $sid; ?>" style="color:#ff4d4d; text-decoration:none;" onclick="return confirm('APAGAR ESTA SALA PARA SEMPRE?')">🗑️</a>
                </div>
            </div>
            <table class="tabela-ranking">
                <?php
                $res = $conn->query("SELECT j.nome, IFNULL(SUM(p.pontos), 0) as total 
                                    FROM mexe_jogadores j 
                                    LEFT JOIN mexe_pontos p ON j.id = p.jogador_id 
                                    WHERE j.partida_id = '$sid' 
                                    GROUP BY j.id ORDER BY total DESC, j.nome ASC");
                $pos = 1;
                while($jog = $res->fetch_assoc()):
                    $pontos = intval($jog['total']);
                    $is_lider = ($pos == 1 && $pontos > 0);
                    $classe_vencedor = ($is_lider) ? 'vencedor-bg' : '';
                    
                    $medalhas = "";
                    if ($pontos >= 3) $medalhas .= "🥇";
                    if ($pontos >= 6) $medalhas .= "🥈";
                    if ($pontos >= 9) $medalhas .= "🥉";
                    if ($pontos >= 12) $medalhas .= "🎖️";
                    if ($pontos >= 15) $medalhas .= "🏅";
                ?>
                <tr>
                    <td class="<?php echo $classe_vencedor; ?>" width="40">
                        <?php echo $pos++; ?>º
                    </td>
                    <td class="<?php echo $classe_vencedor; ?>" style="text-align:left;">
                        <div class="nome-flex">
                            <?php if ($is_lider): ?>
                                <span class="trofeu-destaque" title="Campeão Atual">🏆</span>
                            <?php endif; ?>
                            
                            <span><?php echo $jog['nome']; ?></span>
                            
                            <span class="medalhas-badge"><?php echo $medalhas; ?></span>
                        </div>
                    </td>
                    <td class="<?php echo $classe_vencedor; ?>" width="60" style="font-size:16px; color:#00569e;">
                        <?php echo $pontos; ?>
                    </td>
                </tr>
                <?php endwhile; ?>
            </table>
        </div>
        <?php endwhile; ?>
    </div>
</div>

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

// Atualização automática a cada 5 segundos
setInterval(() => {
    // Se o usuário estiver com o mouse sobre o formulário ou digitando, não atualiza
    if (document.activeElement.tagName !== 'INPUT') {
        location.reload();
    }
}, 5000);
</script>