<?php
// Archivo: iniciarjuego.php
include 'conexion.php';

// Configurar la zona horaria a México Centro
date_default_timezone_set('America/Mexico_City');

// Obtener la fecha actual en el formato dd/mm/yyyy
$fecha_actual = date('d/m/Y');

// Obtener los jugadores de la base de datos
$query = "SELECT id, nombre, apellidos FROM accounts";
$resultado = mysqli_query($conexion, $query);

if (!$resultado) {
    die("Error al obtener los jugadores: " . mysqli_error($conexion));
}

$jugadores = array();
while ($row = mysqli_fetch_assoc($resultado)) {
    $jugadores[] = $row;
}
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Iniciar Juego</title>
    <script>
        function agregarJugador() {
            var select = document.getElementById("jugadores");
            var selectedOption = select.options[select.selectedIndex];
            var id = selectedOption.value;
            var nombre = selectedOption.getAttribute('data-nombre');
            var apellidos = selectedOption.getAttribute('data-apellidos');

            if (id) {
                var table = document.getElementById("tablaJugadores").getElementsByTagName('tbody')[0];
                var newRow = table.insertRow();

                var cellId = newRow.insertCell(0);
                var cellNombre = newRow.insertCell(1);
                var cellApellidos = newRow.insertCell(2);
                var cellEliminar = newRow.insertCell(3);

                cellId.innerHTML = id;
                cellNombre.innerHTML = nombre;
                cellApellidos.innerHTML = apellidos;
                cellEliminar.innerHTML = '<button type="button" onclick="eliminarFila(this)">Eliminar</button>';
            }
        }

        function eliminarFila(btn) {
            var row = btn.parentNode.parentNode;
            row.parentNode.removeChild(row);
        }

        function comenzarJuego() {
            var form = document.getElementById('juegoForm');
            var selectedPlayers = [];
            var table = document.getElementById('tablaJugadores').getElementsByTagName('tbody')[0];
            for (var i = 0, row; row = table.rows[i]; i++) {
                var id = row.cells[0].innerHTML;
                var nombre = row.cells[1].innerHTML;
                var apellidos = row.cells[2].innerHTML;
                selectedPlayers.push({id: id, nombre: nombre, apellidos: apellidos});
            }

            // Convertir la fecha a formato yyyy-mm-dd
            var fechaInput = document.getElementById('fecha').value;
            var fechaParts = fechaInput.split('/');
            var fechaFormatted = fechaParts[2] + '-' + fechaParts[1] + '-' + fechaParts[0];

            // Añadir fecha formateada al formulario
            var inputFecha = document.createElement('input');
            inputFecha.type = 'hidden';
            inputFecha.name = 'fecha_formatted';
            inputFecha.value = fechaFormatted;
            form.appendChild(inputFecha);

            var inputPlayers = document.createElement('input');
            inputPlayers.type = 'hidden';
            inputPlayers.name = 'selectedPlayers';
            inputPlayers.value = JSON.stringify(selectedPlayers);
            form.appendChild(inputPlayers);
            form.submit();
        }
    </script>
</head>
<body>
    <form method="post" action="juegoactual.php" id="juegoForm">
        <label for="fecha">Fecha:</label>
        <input type="text" id="fecha" name="fecha" value="<?php echo $fecha_actual; ?>" readonly>
        <br>
        <label for="nombre_juego">Nombre del Juego:</label>
        <input type="text" id="nombre_juego" name="nombre_juego" value="<?php echo $fecha_actual; ?>">
        <br>
        <label for="jugadores">Jugadores:</label>
        <select id="jugadores">
            <?php foreach ($jugadores as $jugador): ?>
                <option value="<?php echo $jugador['id']; ?>" data-nombre="<?php echo $jugador['nombre']; ?>" data-apellidos="<?php echo $jugador['apellidos']; ?>">
                    <?php echo $jugador['id'] . ' ' . $jugador['nombre'] . ' ' . $jugador['apellidos']; ?>
                </option>
            <?php endforeach; ?>
        </select>
        <button type="button" onclick="agregarJugador()">Agregar jugador</button>
    </form>
    <br>
    <table id="tablaJugadores" border="1">
        <thead>
            <tr>
                <th>Id</th>
                <th>Nombre</th>
                <th>Apellidos</th>
                <th>Eliminar</th>
            </tr>
        </thead>
        <tbody>
            <!-- Filas de jugadores se agregarán aquí dinámicamente -->
        </tbody>
    </table>
    <br>
    <button type="button" onclick="comenzarJuego()">Comenzar</button>
</body>
</html>
