<?php
declare(strict_types=1);

require_once __DIR__ . '/includes/auth.php';
require_once __DIR__ . '/includes/partidos.php';
require_once __DIR__ . '/includes/eliminatorias.php';
require_once __DIR__ . '/includes/bracket.php';
require_once __DIR__ . '/includes/pronosticos.php';
require_once __DIR__ . '/includes/standings.php';

date_default_timezone_set('America/Argentina/Buenos_Aires');

$user            = usuarioLogueado();
$partidos        = getPartidos();
$partidosKO      = getPartidosKnockout();           // cruces reales de la API: equipos, hora, resultado y apuestas

// La barra de días muestra SOLO los días que tienen partido: fase de grupos +
// eliminatorias ya programadas (con fecha). Los días sin partido no aparecen.
// (Antes se sumaba un scaffold estático para extender la barra hasta el final
//  del Mundial; se quitó a propósito para no mostrar fechas vacías.)
$fechasMundial   = getFechasConPartidos();
foreach ($partidosKO as $p)   { if (!empty($p['fecha'])) $fechasMundial[] = $p['fecha']; }
$fechasMundial   = array_values(array_unique($fechasMundial));
sort($fechasMundial);

$primeraFecha    = $fechasMundial[0];
$ultimaFecha     = end($fechasMundial);
$hoy             = date('Y-m-d');

$misPronosticos = $user ? getPronosticosDeUsuario((int)$user['id']) : [];
$resultados     = getResultados();
$grupos         = getGruposOrdenados();

$fechaSel = $_GET['fecha'] ?? null;
if (!$fechaSel || !preg_match('/^\d{4}-\d{2}-\d{2}$/', $fechaSel)) {
    $fechaSel = ($hoy >= $primeraFecha && $hoy <= $ultimaFecha) ? $hoy : $primeraFecha;
}
// Si la fecha elegida NO tiene partidos (día de descanso o deep-link a un día
// vacío), saltamos al día CON partidos más cercano hacia adelante (o al último
// que haya, si ya pasaron todos). Así nunca queda seleccionado un día vacío.
if ($fechasMundial && !in_array($fechaSel, $fechasMundial, true)) {
    $snap = null;
    foreach ($fechasMundial as $d) {
        if ($d >= $fechaSel) { $snap = $d; break; }
    }
    $fechaSel = $snap ?? end($fechasMundial);
}

/**
 * Ventana de la barra de días: muestra hasta $ventana días QUE TIENEN PARTIDO
 * (los días sin partido no están en $diasConPartido, así que nunca aparecen),
 * centrada alrededor del día seleccionado.
 */
function buildBarraDias(string $fechaSel, array $diasConPartido, int $ventana = 7): array {
    $total = count($diasConPartido);
    if ($total <= $ventana) return $diasConPartido;

    $idx = array_search($fechaSel, $diasConPartido, true);
    if ($idx === false) {
        // $fechaSel ya se ajusta a un día con partido antes de llamar acá; por
        // las dudas, ubicamos el día con partido más cercano hacia adelante.
        $idx = $total - 1;
        foreach ($diasConPartido as $i => $d) {
            if ($d >= $fechaSel) { $idx = $i; break; }
        }
    }
    $mitad = intdiv($ventana, 2);
    $start = max(0, min($idx - $mitad, $total - $ventana));
    return array_slice($diasConPartido, $start, $ventana);
}

function etiquetaDia(string $f, string $hoy): string {
    $ts    = strtotime($f);
    $dif   = ($ts - strtotime($hoy)) / 86400;
    $dias  = ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'];
    $meses = ['', 'Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun',
              'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'];
    $num   = (int)date('j', $ts);
    $mes   = $meses[(int)date('n', $ts)];

    if ($dif === 0.0)  return "Hoy $num $mes";
    if ($dif === 1.0)  return "Mañana $num $mes";
    if ($dif === -1.0) return "Ayer $num $mes";
    return $dias[(int)date('w', $ts)] . " $num $mes";
}

function mesTorneo(string $fechaSel): string {
    $meses = ['', 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
              'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'];
    return $meses[(int)date('n', strtotime($fechaSel))];
}

$diasBarra      = buildBarraDias($fechaSel, $fechasMundial);
$partidosDelDia = array_values(array_filter($partidos, fn($p) => $p['fecha'] === $fechaSel));
$koDelDia       = array_values(array_filter($partidosKO, fn($p) => $p['fecha'] === $fechaSel));

// Pronósticos de TODOS los participantes, pero solo de los partidos del día cuyo
// CIERRE de apuestas ya pasó (ya no se puede predecir). Mientras se pueda cargar
// un pronóstico, las apuestas ajenas siguen ocultas (la regla se aplica partido
// por partido en el backend). Incluye grupos y eliminatorias del día.
$pronosticosVisibles = $user ? getPronosticosAjenosVisibles(array_merge($partidosDelDia, $koDelDia)) : [];
$faseDelDia     = $koDelDia ? $koDelDia[0]['fase_nombre'] : 'Fase de grupos';
$idxSel         = array_search($fechaSel, $fechasMundial, true);
$diaPrev        = $idxSel > 0 ? $fechasMundial[$idxSel - 1] : null;
$diaNext        = $idxSel < count($fechasMundial) - 1 ? $fechasMundial[$idxSel + 1] : null;

$bienvenida     = isset($_GET['bienvenida']);
?>

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TigreProde · Copa Mundial 2026</title>
<meta name="description" content="TigreProde · El prode del Mundial 2026. Cargá tus pronósticos, competí en el ranking individual y armá tu equipo para competir con amigos.">
<meta name="theme-color" content="#0c0814">
<meta property="og:type" content="website">
<meta property="og:site_name" content="TigreProde">
<meta property="og:title" content="TigreProde · Copa Mundial 2026">
<meta property="og:description" content="El prode del Mundial 2026: pronósticos, ranking individual y por equipos.">
<meta property="og:image" content="/assets/img/logo.svg">
<meta name="twitter:card" content="summary">
<link rel="icon" type="image/svg+xml" href="/assets/img/logo.svg">
<link rel="apple-touch-icon" href="/assets/img/logo.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css?v=28">
<link rel="stylesheet" href="assets/css/forms.css?v=6">
</head>
<body>

<header class="topbar">
    <div class="topbar__inner">
        <a href="/" class="brand">
            <span class="brand__logo"><img src="assets/img/logo.svg" alt="TigreProde"></span>
            <span class="brand__name">Tigre<span class="brand__name--accent">Prode</span></span>
        </a>

        <nav class="nav">
            <a href="/" class="nav__link nav__link--active">Fixture</a>
            <a href="posiciones" class="nav__link">Fase de Grupos</a>
            <a href="eliminatorias" class="nav__link">Eliminatorias</a>
            <?php if ($user): ?>
                <a href="mis-pronosticos" class="nav__link">Mis Pronósticos</a>
            <?php endif; ?>
            <a href="ranking" class="nav__link">Ranking</a>
            <a href="equipos" class="nav__link">Equipos</a>
            <a href="premios" class="nav__link">Premios</a>
            <a href="reglas" class="nav__link">Reglas</a>
        </nav>

        <div class="user-chip">
            <?php if ($user): ?>
                <a href="perfil" class="user-chip__avatar" title="Mi perfil">
                    <img src="<?= htmlspecialchars(avatarPath($user['avatar'] ?? 1)) ?>" alt="">
                </a>
                <span class="user-chip__name"><?= htmlspecialchars($user['nombre_usuario']) ?></span>
                <a href="logout" class="user-chip__logout">Salir</a>
            <?php else: ?>
                <a href="login" class="user-chip__login">Ingresar</a>
                <a href="registro" class="user-chip__register">Crear cuenta</a>
            <?php endif; ?>
        </div>
    </div>
</header>


<main class="page">

    <?php if ($bienvenida): ?>
        <div class="flash flash--ok">¡Bienvenido/a a TigreProde! Ya podés cargar tus pronósticos.</div>
    <?php endif; ?>

    <!-- Banner de premios -->
    <a href="premios" class="premios-banner">
        <div class="premios-banner__main">
            <span class="premios-banner__top"><?= ico('trophy', 18) ?> Participá por <strong>increíbles premios</strong></span>
            <span class="premios-banner__items">TV Smart 50" · Parlante JBL Go · Picada para 10 · Pelota Oficial</span>
            <span class="premios-banner__disney">Y si acertás todos los partidos del Mundial: <strong>¡un Viaje a Miami!</strong></span>
        </div>
        <span class="premios-banner__cta">Ver premios <?= ico('check', 14) ?></span>
    </a>

    <section class="torneo">
        <div class="torneo__icon" aria-hidden="true"><img src="assets/img/Copa.svg" alt="Copa" decoding="async" loading="lazy" width="120" height="120"></div>
        <div>
            <h1 class="torneo__title">Copa Mundial 2026</h1>
            <p class="torneo__subtitle"><?= htmlspecialchars($faseDelDia) ?></p>
        </div>
    </section>

    <p class="calendario-mes">
        Mes del calendario: <strong><?= htmlspecialchars(mesTorneo($fechaSel)) ?></strong>
    </p>

    <div class="daybar">
        <a href="?fecha=<?= $diaPrev ?? '' ?>"
           class="daybar__arrow <?= $diaPrev ? '' : 'daybar__arrow--disabled' ?>">‹</a>

        <div class="daybar__days">
            <?php foreach ($diasBarra as $d): ?>
                <a href="?fecha=<?= $d ?>"
                   class="daybar__day <?= $d === $fechaSel ? 'daybar__day--active' : '' ?> <?= $d === $hoy ? 'daybar__day--today' : '' ?>">
                    <?= htmlspecialchars(etiquetaDia($d, $hoy)) ?>
                </a>
            <?php endforeach; ?>
        </div>

        <a href="?fecha=<?= $diaNext ?? '' ?>"
           class="daybar__arrow <?= $diaNext ? '' : 'daybar__arrow--disabled' ?>">›</a>
    </div>

    <section class="matches">
        <?php if (empty($partidosDelDia) && empty($koDelDia)): ?>
            <p class="empty">No hay partidos programados para este día.</p>
        <?php else: ?>
            <?php foreach ($partidosDelDia as $p):
                $pron = $misPronosticos[$p['id']] ?? null;
                $res  = $resultados[$p['id']] ?? null;
                $pronosTodos = $pronosticosVisibles[$p['id']] ?? [];
            ?>
                <article class="match <?= $pronosTodos ? 'match--con-pron' : '' ?>" data-kickoff="<?= htmlspecialchars($p['fecha_iso']) ?>" data-id="<?= $p['id'] ?>">
                    <div class="match__teams">
                        <div class="team">
                            <span class="team__code"><?= htmlspecialchars($p['local']['codigo']) ?></span>
                            <img class="team__flag" src="<?= htmlspecialchars(bandera($p['local'])) ?>"
                                 alt="" width="30" height="20" loading="lazy">
                            <span class="team__name"><?= htmlspecialchars($p['local']['nombre']) ?></span>
                            <?php if ($res): ?>
                                <span class="team__score"><?= (int)$res['goles_local'] ?></span>
                            <?php endif; ?>
                        </div>
                        <div class="team">
                            <span class="team__code"><?= htmlspecialchars($p['visitante']['codigo']) ?></span>
                            <img class="team__flag" src="<?= htmlspecialchars(bandera($p['visitante'])) ?>"
                                 alt="" width="30" height="20" loading="lazy">
                            <span class="team__name"><?= htmlspecialchars($p['visitante']['nombre']) ?></span>
                            <?php if ($res): ?>
                                <span class="team__score"><?= (int)$res['goles_visitante'] ?></span>
                            <?php endif; ?>
                        </div>
                    </div>

                    <div class="match__status">
                        <span class="match__time"><?= htmlspecialchars($p['hora']) ?></span>
                        <span class="match__group">Grupo <?= htmlspecialchars($p['grupo']) ?></span>
                        <?php if ($pron): ?>
                            <span class="match__pron" title="Tu pronóstico">
                                Tu apuesta: <?= (int)$pron['goles_local'] ?>-<?= (int)$pron['goles_visitante'] ?>
                            </span>
                        <?php endif; ?>
                    </div>

                    <?php if ($pronosTodos): ?>
                        <details class="match__predicciones">
                            <summary class="predicciones__summary">
                                <?= ico('unlock', 14) ?>
                                <span class="predicciones__label">Pronósticos de todos</span>
                                <span class="predicciones__count"><?= count($pronosTodos) ?></span>
                                <span class="predicciones__caret" aria-hidden="true">▾</span>
                            </summary>
                            <ul class="predicciones__list">
                                <?php foreach ($pronosTodos as $pr):
                                    $esYo = $user && (int)$pr['usuario_id'] === (int)$user['id'];
                                ?>
                                    <li class="prediccion <?= $esYo ? 'prediccion--yo' : '' ?>">
                                        <a class="prediccion__link" href="<?= $esYo ? 'perfil' : 'jugador?id=' . (int)$pr['usuario_id'] ?>"
                                           title="Ver perfil de <?= htmlspecialchars($pr['nombre_usuario']) ?>">
                                            <img class="prediccion__avatar" src="<?= htmlspecialchars(avatarPath($pr['avatar'] ?? 1)) ?>"
                                                 alt="" width="24" height="24" loading="lazy">
                                            <span class="prediccion__nombre"><?= htmlspecialchars($pr['nombre_usuario']) ?><?= $esYo ? ' (vos)' : '' ?></span>
                                        </a>
                                        <span class="prediccion__marcador"><?= (int)$pr['goles_local'] ?> - <?= (int)$pr['goles_visitante'] ?></span>
                                        <?php if ($pr['calculado']): ?>
                                            <span class="prediccion__pts prediccion__pts--<?= (int)$pr['puntos_ganados'] ?>">+<?= (int)$pr['puntos_ganados'] ?></span>
                                        <?php endif; ?>
                                    </li>
                                <?php endforeach; ?>
                            </ul>
                        </details>
                    <?php endif; ?>
                </article>
                <?php endforeach; ?>

                <?php foreach ($koDelDia as $p):
                    $pron        = $misPronosticos[$p['id']] ?? null;
                    $res         = $resultados[$p['id']] ?? null;
                    $pronosTodos = $pronosticosVisibles[$p['id']] ?? [];
                    $eqL         = $p['local'];       // equipo (getEquipos) o null si TBD
                    $eqV         = $p['visitante'];
                    // Estado y marcador salen del propio bracket_api (los knockout
                    // se pintan 100% desde el servidor; app.js no toca estas tarjetas).
                    $koStatus    = strtoupper((string)($p['status'] ?? ''));
                    $koEnVivo    = in_array($koStatus, ['IN_PLAY', 'PAUSED'], true);
                    $koFin       = $koStatus === 'FINISHED';
                    $koGL        = $p['goles_local']     ?? ($res['goles_local']     ?? null);
                    $koGV        = $p['goles_visitante'] ?? ($res['goles_visitante'] ?? null);
                    $koHayScore  = $koGL !== null && $koGV !== null;
                ?>
                <article class="match match--ko <?= $pronosTodos ? 'match--con-pron' : '' ?><?= $koEnVivo ? ' match--live' : '' ?><?= $koFin ? ' match--finished' : '' ?>"
                         data-ko="1" data-id="ko-<?= (int)$p['id'] ?>"
                         <?= $p['fecha_iso'] ? 'data-kickoff="' . htmlspecialchars($p['fecha_iso']) . '"' : '' ?>>
                    <div class="match__teams">
                        <div class="team<?= $eqL ? '' : ' team--ko' ?>">
                            <?php if ($eqL): ?>
                                <span class="team__code"><?= htmlspecialchars($eqL['codigo']) ?></span>
                                <img class="team__flag" src="<?= htmlspecialchars(bandera($eqL)) ?>" alt="" width="30" height="20" loading="lazy">
                                <span class="team__name"><?= htmlspecialchars($eqL['nombre']) ?></span>
                            <?php else: ?>
                                <span class="team__ko-icon" aria-hidden="true"><img src="assets/img/pelota.svg" alt=""></span>
                                <span class="team__name"><?= htmlspecialchars($p['local_nombre']) ?></span>
                            <?php endif; ?>
                            <?php if ($koHayScore): ?>
                                <span class="team__score"><?= (int)$koGL ?><?= $p['pen_local'] !== null ? ' (' . (int)$p['pen_local'] . ')' : '' ?></span>
                            <?php endif; ?>
                        </div>
                        <div class="team<?= $eqV ? '' : ' team--ko' ?>">
                            <?php if ($eqV): ?>
                                <span class="team__code"><?= htmlspecialchars($eqV['codigo']) ?></span>
                                <img class="team__flag" src="<?= htmlspecialchars(bandera($eqV)) ?>" alt="" width="30" height="20" loading="lazy">
                                <span class="team__name"><?= htmlspecialchars($eqV['nombre']) ?></span>
                            <?php else: ?>
                                <span class="team__ko-icon" aria-hidden="true"><img src="assets/img/pelota.svg" alt=""></span>
                                <span class="team__name"><?= htmlspecialchars($p['visitante_nombre']) ?></span>
                            <?php endif; ?>
                            <?php if ($koHayScore): ?>
                                <span class="team__score"><?= (int)$koGV ?><?= $p['pen_visitante'] !== null ? ' (' . (int)$p['pen_visitante'] . ')' : '' ?></span>
                            <?php endif; ?>
                        </div>
                    </div>

                    <div class="match__status">
                        <?php if ($koEnVivo): ?>
                            <span class="match__badge match__badge--<?= $koStatus === 'PAUSED' ? 'ht' : 'live' ?>">
                                <span class="match__badge-dot" aria-hidden="true"></span>
                                <span><?= $koStatus === 'PAUSED' ? 'ENTRETIEMPO' : 'EN VIVO' ?></span>
                            </span>
                            <span class="match__time"><?= $koStatus === 'PAUSED' ? 'ET' : 'EN JUEGO' ?></span>
                        <?php elseif ($koFin): ?>
                            <span class="match__badge match__badge--finished"><span>FINALIZADO</span></span>
                            <?php if ($p['hora']): ?><span class="match__time"><?= htmlspecialchars($p['hora']) ?></span><?php endif; ?>
                        <?php elseif ($p['hora']): ?>
                            <span class="match__time"><?= htmlspecialchars($p['hora']) ?></span>
                        <?php else: ?>
                            <span class="match__time match__time--tbd">TBD</span>
                        <?php endif; ?>
                        <span class="match__group"><?= htmlspecialchars($p['fase_nombre']) ?></span>
                        <?php if ($pron): ?>
                            <span class="match__pron" title="Tu pronóstico">
                                Tu apuesta: <?= (int)$pron['goles_local'] ?>-<?= (int)$pron['goles_visitante'] ?>
                            </span>
                        <?php endif; ?>
                    </div>

                    <?php if ($pronosTodos): ?>
                        <details class="match__predicciones">
                            <summary class="predicciones__summary">
                                <?= ico('unlock', 14) ?>
                                <span class="predicciones__label">Pronósticos de todos</span>
                                <span class="predicciones__count"><?= count($pronosTodos) ?></span>
                                <span class="predicciones__caret" aria-hidden="true">▾</span>
                            </summary>
                            <ul class="predicciones__list">
                                <?php foreach ($pronosTodos as $pr):
                                    $esYo = $user && (int)$pr['usuario_id'] === (int)$user['id'];
                                ?>
                                    <li class="prediccion <?= $esYo ? 'prediccion--yo' : '' ?>">
                                        <a class="prediccion__link" href="<?= $esYo ? 'perfil' : 'jugador?id=' . (int)$pr['usuario_id'] ?>"
                                           title="Ver perfil de <?= htmlspecialchars($pr['nombre_usuario']) ?>">
                                            <img class="prediccion__avatar" src="<?= htmlspecialchars(avatarPath($pr['avatar'] ?? 1)) ?>"
                                                 alt="" width="24" height="24" loading="lazy">
                                            <span class="prediccion__nombre"><?= htmlspecialchars($pr['nombre_usuario']) ?><?= $esYo ? ' (vos)' : '' ?></span>
                                        </a>
                                        <span class="prediccion__marcador"><?= (int)$pr['goles_local'] ?> - <?= (int)$pr['goles_visitante'] ?></span>
                                        <?php if ($pr['calculado']): ?>
                                            <span class="prediccion__pts prediccion__pts--<?= (int)$pr['puntos_ganados'] ?>">+<?= (int)$pr['puntos_ganados'] ?></span>
                                        <?php endif; ?>
                                    </li>
                                <?php endforeach; ?>
                            </ul>
                        </details>
                    <?php endif; ?>
                </article>
                <?php endforeach; ?>
                <?php endif; ?>
            </section>
            
        </main>
        
        <footer class="footer">
    <section class="groups-marquee" aria-label="Grupos del Mundial 2026">
    <div class="groups-marquee__track">
        <?php
        // Renderizamos los grupos dos veces para conseguir un loop infinito sin saltos
        for ($pass = 0; $pass < 2; $pass++):
            foreach ($grupos as $letra => $equiposGrupo): ?>
                <article class="group-card" aria-hidden="<?= $pass === 1 ? 'true' : 'false' ?>">
                    <header class="group-card__header">
                        <span class="group-card__label">Grupo</span>
                        <span class="group-card__letter"><?= htmlspecialchars($letra) ?></span>
                    </header>
                    <ul class="group-card__teams">
                        <?php foreach ($equiposGrupo as $idx => $eq):
                            $pos  = $idx + 1;
                            $clsP = $pos <= 2 ? 'group-card__pos--ok'
                                  : ($pos === 3 ? 'group-card__pos--rep' : 'group-card__pos--out');
                        ?>
                            <li class="group-card__team">
                                <span class="group-card__pos <?= $clsP ?>"><?= $pos ?></span>
                                <img class="group-card__flag"
                                     src="<?= htmlspecialchars(bandera($eq)) ?>"
                                     alt="" width="24" height="16" loading="lazy">
                                <span class="group-card__name"><?= htmlspecialchars($eq['nombre']) ?></span>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                </article>
            <?php endforeach;
        endfor; ?>
    </div>
    </section>
    <p>TigreProde · Datos del sorteo oficial FIFA · Horarios en hora de Argentina (ART)</p>
</footer>

<script src="assets/js/app.js?v=5"></script>
<script src="assets/js/mobile-menu.js"></script>
</body>
</html>