<?php
session_start();

if(!isset($_SESSION["usuario_id"])){

    header("Location: ../login.php");
    exit;
}

if($_SESSION["rol"] != "admin"){

    exit("Acceso denegado");
}

require_once("../config/conexion.php");

/* =========================================
CREAR PARTIDO
========================================= */

if(isset($_POST["crear"])){

    $equipo_local = trim($_POST["equipo_local"]);

    $equipo_visitante = trim($_POST["equipo_visitante"]);

    $fecha = str_replace(

    "T",

    " ",

    $_POST["fecha"]

);

$fecha .= ":00";

    $token = md5(
        uniqid().
        time().
        rand(1000,9999)
    );

    $sqlInsert = "INSERT INTO partidos(

        equipo_local,
        equipo_visitante,
        fecha,
        estatus,
        token

    ) VALUES(

        :equipo_local,
        :equipo_visitante,
        :fecha,
        'pendiente',
        :token

    )";

    $stmtInsert = $conexion->prepare($sqlInsert);

    $stmtInsert->bindParam(":equipo_local", $equipo_local);
    $stmtInsert->bindParam(":equipo_visitante", $equipo_visitante);
    $stmtInsert->bindParam(":fecha", $fecha);
    $stmtInsert->bindParam(":token", $token);

    $stmtInsert->execute();

    header("Location: partidos.php?ok=1");
    exit;
}



/* =========================================
OBTENER PARTIDOS
========================================= */

$sql = "SELECT *
FROM partidos
ORDER BY fecha DESC";

$stmt = $conexion->prepare($sql);

$stmt->execute();

$partidos = $stmt->fetchAll(PDO::FETCH_ASSOC);

?>

<?php

function bandera($pais){

    $banderas = [

       "México" => "🇲🇽",
        "Sudáfrica" => "🇿🇦",
        "Corea del Sur" => "🇰🇷",
        "República Checa" => "🇨🇿",
        "Canadá" => "🇨🇦",
        "Bosnia y Herzegovina" => "🇧🇦",
        "Catar" => "🇶🇦",
        "Suiza" => "🇨🇭",
        "Brasil" => "🇧🇷",
        "Marruecos" => "🇲🇦",
        "Haití" => "🇭🇹",
        "Escocia" => "🏴",
        "Estados Unidos" => "🇺🇸",
        "Paraguay" => "🇵🇾",
        "Australia" => "🇦🇺",
        "Turquía" => "🇹🇷",
        "Alemania" => "🇩🇪",
        "Curazao" => "🇨🇼",
        "Costa de Marfil" => "🇨🇮",
        "Ecuador" => "🇪🇨",
        "Países Bajos" => "🇳🇱",
        "Japón" => "🇯🇵",
        "Suecia" => "🇸🇪",
        "Túnez" => "🇹🇳",
        "Bélgica" => "🇧🇪",
        "Egipto" => "🇪🇬",
        "Irán" => "🇮🇷",
        "Nueva Zelanda" => "🇳🇿",
        "España" => "🇪🇸",
        "Cabo Verde" => "🇨🇻",
        "Arabia Saudita" => "🇸🇦",
        "Uruguay" => "🇺🇾",
        "Francia" => "🇫🇷",
        "Senegal" => "🇸🇳",
        "Irak" => "🇮🇶",
        "Noruega" => "🇳🇴",
        "Argentina" => "🇦🇷",
        "Argelia" => "🇩🇿",
        "Austria" => "🇦🇹",
        "Jordania" => "🇯🇴",
        "Portugal" => "🇵🇹",
        "RD Congo" => "🇨🇩",
        "Uzbekistán" => "🇺🇿",
        "Colombia" => "🇨🇴",
         "Inglaterra" => "🇬🇧",
        "Croacia" => "🇭🇷",
        "Ghana" => "🇬🇭",
        "Panamá" => "🇵🇦"
    ];

    return $banderas[$pais] ?? "⚽";
}
?>



<!DOCTYPE html>
<html lang="es">
<head>

<meta charset="UTF-8">

<meta
name="viewport"
content="width=device-width, initial-scale=1.0">

<title>Partidos | Admin</title>

<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
>

<link
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
rel="stylesheet"
>

<style>

body{

    margin:0;

    background:
    linear-gradient(rgba(0,27,77,.92), rgba(0,27,77,.96)),
    url('../assets/img/fondo_estadio.jpg');

    background-size:cover;

    background-attachment:fixed;

    font-family:Arial;

    color:white;

    padding:20px;

    padding-bottom:110px;
}

.card-main{

    background:rgba(255,255,255,.08);

    border-radius:25px;

    padding:25px;

    margin-bottom:20px;

    backdrop-filter:blur(10px);

    box-shadow:0 0 25px rgba(0,0,0,.35);
}

.title{

    font-size:30px;

    font-weight:bold;

    margin-bottom:20px;
}

.form-control{

    height:55px;

    border:none;
}

.btn-save{

    width:100%;

    height:55px;

    border:none;

    border-radius:18px;

    background:#F4C400;

    color:#001B4D;

    font-size:18px;

    font-weight:bold;
}

.match-card{

    background:rgba(255,255,255,.08);

    border-radius:20px;

    padding:20px;

    margin-bottom:15px;

    backdrop-filter:blur(10px);

    box-shadow:0 0 15px rgba(0,0,0,.25);
}

.match-title{

   font-size:28px;

    line-height:1.4;

    font-weight:bold;
}

.match-date{

    color:#ccc;

    margin-top:10px;
}

.badge-status{

    padding:8px 15px;

    border-radius:20px;

    font-size:13px;

    font-weight:bold;
}



.token{

    font-size:11px;

    color:#aaa;

    margin-top:10px;

    word-break:break-all;
}

/* =========================================
BOTTOM MENU
========================================= */

.bottom-menu{

    position:fixed;

    bottom:0;

    left:0;

    width:100%;

    height:75px;

    background:#001B4D;

    display:flex;

    justify-content:space-around;

    align-items:center;

    box-shadow:0 -5px 20px rgba(0,0,0,.4);
}

.bottom-menu a{

    color:white;

    text-decoration:none;

    font-size:13px;

    text-align:center;
}

.bottom-menu i{

    font-size:24px;

    display:block;
}

</style>

</head>
<body>

<div class="container">

    <div class="card-main">

        <div class="title">
            ⚽ Administrar Partidos
        </div>

        <?php if(isset($_GET["ok"])){ ?>

            <div class="alert alert-success">
                Partido creado correctamente
            </div>

        <?php } ?>

        <form method="POST">

            <?php

$equipos = [

"México",
"Sudáfrica",
"Corea del Sur",
"República Checa",
"Canadá",
"Bosnia y Herzegovina",
"Catar",
"Suiza",
"Brasil",
"Marruecos",
"Haití",
"Escocia",
"Estados Unidos",
"Paraguay",
"Australia",
"Turquía",
"Alemania",
"Curazao",
"Costa de Marfil",
"Ecuador",
"Países Bajos",
"Japón",
"Suecia",
"Túnez",
"Bélgica",
"Egipto",
"Irán",
"Nueva Zelanda",
"España",
"Cabo Verde",
"Arabia Saudita",
"Uruguay",
"Francia",
"Senegal",
"Irak",
"Noruega",
"Argentina",
"Argelia",
"Austria",
"Jordania",
"Portugal",
"RD Congo",
"Uzbekistán",
"Colombia",
"Inglaterra",
"Croacia",
"Ghana",
"Panamá"

];

?>

<div class="mb-3">

    <select
        name="equipo_local"
        id="equipo_local"
        class="form-control"
        required
    >

        <option value="">
            Seleccionar local
        </option>

        <?php foreach($equipos as $equipo){ ?>

            <option value="<?php echo $equipo; ?>">

    <?php echo bandera($equipo)." ".$equipo; ?>

</option>

        <?php } ?>

    </select>

</div>

<div class="mb-3">

    <select
        name="equipo_visitante"
        id="equipo_visitante"
        class="form-control"
        required
    >

        <option value="">
            Seleccionar visitante
        </option>

        <?php foreach($equipos as $equipo){ ?>

            <option value="<?php echo $equipo; ?>">

    <?php echo bandera($equipo)." ".$equipo; ?>

</option>

        <?php } ?>

    </select>

</div>

            <div class="mb-3">

                <input
                    type="datetime-local"
                    name="fecha"
                    class="form-control"
                    required
                >

            </div>

            <button
                class="btn-save"
                name="crear"
            >

                Crear Partido

            </button>

        </form>

    </div>

    <!-- LISTADO -->

    <?php foreach($partidos as $partido){ ?>

        <?php

        $color = "#ffc107";
        $texto = "PENDIENTE";

        if($partido["estatus"] == "finalizado"){

            $color = "#198754";
            $texto = "FINALIZADO";
        }

        ?>

        <div class="match-card">

            <div class="d-flex justify-content-between align-items-start">

                <div>

                    <div class="match-title">

    <?php echo bandera($partido["equipo_local"]); ?>

    <?php echo $partido["equipo_local"]; ?>

    VS

    <?php echo bandera($partido["equipo_visitante"]); ?>

    <?php echo $partido["equipo_visitante"]; ?>

</div>

                    <div class="match-date">

                        📅

                        <?php
                        echo date(
                            "d/m/Y H:i",
                            strtotime($partido["fecha"])
                        );
                        ?>

                    </div>

                    <?php if($partido["estatus"] == "finalizado"){ ?>

                        <div
                            style="
                            margin-top:10px;
                            font-size:30px;
                            font-weight:bold;
                            color:#F4C400;
                            "
                        >

                            <?php echo $partido["goles_local"]; ?>

                            -

                            <?php echo $partido["goles_visitante"]; ?>

                        </div>

                    <?php } ?>

                    <div class="token">

                        TOKEN:
                        <?php echo $partido["token"]; ?>

                    </div>

                </div>

                <div>

                    <span
                        class="badge-status"
                        style="background:<?php echo $color; ?>;"
                    >

                        <?php echo $texto; ?>

                    </span>

                </div>

            </div>

            

        </div>

    <?php } ?>

</div>

<!-- MENU -->

<div class="bottom-menu">

    <a href="index.php">
        <i class="bi bi-speedometer2"></i>
        Admin
    </a>

    <a href="partidos.php">
        <i class="bi bi-calendar-event-fill"></i>
        Partidos
    </a>

    <a href="resultados.php">
        <i class="bi bi-trophy-fill"></i>
        Resultados
    </a>

    <a href="usuarios.php">
        <i class="bi bi-people-fill"></i>
        Usuarios
    </a>

    <a href="../dashboard.php">
        <i class="bi bi-phone-fill"></i>
        App
    </a>

    <a href="../logout.php">
        <i class="bi bi-box-arrow-right"></i>
        Salir
    </a>

</div>
<script>

const localSelect = document.getElementById("equipo_local");

const visitanteSelect = document.getElementById("equipo_visitante");

function validarEquipos(){

    let local = localSelect.value;

    let visitante = visitanteSelect.value;

    for(let option of visitanteSelect.options){

        option.disabled = false;

        if(option.value === local && option.value !== ""){

            option.disabled = true;
        }
    }

    for(let option of localSelect.options){

        option.disabled = false;

        if(option.value === visitante && option.value !== ""){

            option.disabled = true;
        }
    }

    if(local === visitante){

        visitanteSelect.value = "";
    }

}

localSelect.addEventListener(
    "change",
    validarEquipos
);

visitanteSelect.addEventListener(
    "change",
    validarEquipos
);

</script>
</body>
</html>