<?php
$activar_cruci = true;
$tiempo_cruci = 0;
$porc_cruci = 0;

$contador_ahorcado = 0;

$activar_ahoracado = true;
$tiempo_ahoracado = 0;
$porc_ahoracado = 0;

$dia = 1;
$id = $pagina[1];
$queryValidate = mysqli_query($connect, "SELECT * FROM Retos WHERE id_asistente = '" . $_SESSION['id_user'] . "' AND dia = '" . $dia . "'  ");
while ($dataValidate = mysqli_fetch_array($queryValidate)) {
    if ($dataValidate["tipo_juego"] == 1) {
        $activar_cruci = false;
        $tiempo_cruci = $dataValidate["tiempo"];
        $porc_cruci = $dataValidate["porcentaje"];
    }

    if ($dataValidate["tipo_juego"] == 2 && ($dataValidate["reto"] == 1 || $dataValidate["reto"] == 2 || $dataValidate["reto"] == 3)) {

        if ($dataValidate["reto"] == 1) {
            $contador_ahorcado++;
            $tiempo_ahoracado += $dataValidate["tiempo"];
            $porc_ahoracado += $dataValidate["porcentaje"];
        }
        if ($dataValidate["reto"] == 2) {
            $contador_ahorcado++;
            $tiempo_ahoracado += $dataValidate["tiempo"];
            $porc_ahoracado += $dataValidate["porcentaje"];
        }
        if ($dataValidate["reto"] == 3) {
            $contador_ahorcado++;
            $tiempo_ahoracado += $dataValidate["tiempo"];
            $porc_ahoracado += $dataValidate["porcentaje"];
        }
    }
}

if ($contador_ahorcado >= 3) {
    $activar_ahoracado = false;
}

$query = mysqli_query($connect, "SELECT * FROM Asistentes WHERE id = " . $_SESSION['id_user']);
$data = mysqli_fetch_array($query);

?>




<style>
    body {
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-image: url(<?php echo $url; ?>/img/img_wd/bg_dia.png);
    }
</style>

<div class="col-md-12">

    <div class="container">

        <?php echo $rersp; ?>

        <div class="row">

            <?php if ($id == 1) { ?>

                <div class="col-md-6" align="center" style="margin-top: 100px;">
                    <img src="/img/img_wd/juego/crucigrama.png" width="500px" alt="">
                </div>

                <div class="col-md-6" align="center">

                    <div class="card">
                        <div class="card-body">
                            <h2 style="margin-top: 3%; color: #a62b4e;">CRUCIGRAMA</h2>
                            <div align="left">

                                <p>
                                    <b>Instrucciones:</b><br>
                                    1. De clic en el boton Realizar Juego<br>
                                    2. Para completar el crucigrama solo debe dar click en el número en donde quiere ingresar la palabra.<br>
                                    3. Al dar clic en el número, en la parte inferior del crucigrama, visualizará la pista de ese número y se le activará un casilla de texto para ingresar la palabra.<br>
                                    4. Cada palabra tiene una pista.<br>
                                    5. Ingrese la palabra en el campo de texto y de clic en el boton comprobar.<br>
                                    6. Si la palabra es incorrecta, no se agregará al crucigrama; si es correcta quedará fijada donde corresponda.<br>
                                    7. Recuerde que cuenta con máximo 5 minutos para completar el crucigrama.<br><br>
                                    <h3>¡Muchos Éxitos!</h3>
                                </p>

                                <a href="<?php echo $url; ?>/crucigrama/1">
                                    <button type="button" class="btn btn-dark btn-block btn_item_menu" style="margin-bottom: 15px">
                                        Iniciar juego
                                    </button>
                                </a>



                                <a href="<?php echo $url; ?>/ranking">
                                    <button type="button" class="btn btn-warning btn-block " style="margin-top: 20px">
                                        Ver Ranking
                                    </button>
                                </a>

                                <a href="/stand/5" class="btn btn_juegos btn-block" style="margin-top: 20px">Stand</a>

                            </div>

                        </div>
                    </div>
                </div>
                <br>



            <?php } ?>

            <?php if ($id == 2) { ?>

                <div class="col-md-6" align="center" style="margin-top: 40px;">
                    <img src="/img/juegos/vaso6.png" width="400px" alt="">
                </div>

                <div class="col-md-6" align="center">

                    <div class="card">
                        <div class="card-body">
                            <h2 style="margin-top: 3%; color: #a62b4e;">BUSCA LA FRASE</h2>
                            <div align="left">

                                <p>
                                    <b>Instrucciones:</b><br>
                                    1. De clic en el boton Realizar Juego<br>
                                    2. Lea la pista para encontrar la frase<br>
                                    3. Escriba en la casilla de texto una letra que debe ir en la frase a completar.<br>
                                    4. De click en el boton comprobar<br>
                                    5. Si la letra corresponde el sistema la ubicará en la frase.<br>
                                    6. Si no corresponde, perderá una de los 5 oportunidades de fallar.<br>
                                    7. Recuerde que tiene 2 minutos de tiempo máximo para encontrar cada una de las 3 frases del juego<br>
                                    <br>
                                    <h3>¡Muchos Éxitos!</h3>
                                </p>

                                <a href="<?php echo $url; ?>/encuentra_frase/1">
                                    <button type="button" class="btn btn-dark btn-block btn_item_menu" style="margin-bottom: 15px">
                                        Iniciar juego
                                    </button>
                                </a>


                                <a href="<?php echo $url; ?>/ranking">
                                    <button type="button" class="btn btn-warning btn-block" style="margin-top: 20px">
                                        Ver Ranking
                                    </button>
                                </a>

                            </div>

                        </div>
                    </div>

                </div>

                <br>

        </div>
    <?php } ?>
    <?php if ($id == 3) {

        /* $queryValidate = mysqli_query($connect, "SELECT * FROM respuesta_map WHERE equipo = " . $data['equipo']); */

    ?>






        <div class="col-md-12" align="center">

            <div class="card">
                <div class="card-body">
                    <h2 style="margin-top: 3%; color: #a62b4e;">DRIVE TRIP</h2>
                    <div align="left">

                        <p>
                            <b>Instrucciones de la dinámica:</b><br><br>
                            <ol>
                                <li> Perteneces a un equipo, cuyo objetivo es completar la visita a 15 destinos diferentes, ubicados en nuestros tres países. La estrategia de juego que hagan como equipo puede hacer la diferencia para ganar </li>
                                <li> En el viaje que vas a realizar con tu equipo, visitarán lugares emblemáticos de nuestros 3 países y deberán responderán preguntas y realizar acciones relacionadas con los mismos. </li>
                                <li> En el equipo existen dos tipos de roles en cada uno de los equipos: Los jugadores y un moderador. </li>
                                <li> Cuando des clic en el botón “Ir al viaje” después de conocer el equipo con el cuál realizarás tu Virtual Trip, llegarás a un módulo en donde encontrarás lo siguiente:</li>
                                <li> Si se te ha asignado el rol de jugador, encontrarás en tu pantalla:
                                    <ul>
                                        <li> Una serie de pistas relacionadas con los 15 destinos que deberán encontrar y tres preguntas de cultura general relacionadas con cada uno de estos lugares.</li>
                                        <li> Un chat privado que les permitirá comunicarse como equipo.</li>
                                        <li> Un contador de tiempo que les irá mostrando el tiempo que llevan realizando el juego.</li>
                                        <li> Una pantalla de streaming en donde la presentadora les irá narrando los sucesos que van pasando en el juego, así como el avance de los demás equipos.</li>
                                        <li> Un mapa de Google Maps en donde deberán buscar cada una de las coordenadas que se les reseñarán como “pistas” para poder viajar a cada uno de los 15 destinos de nuestro Virtual Trip.</li>
                                        <li> Un botón de “Continuar viaje” que solo les permitirá avanzar, cuando el moderador complete las respuestas en la plataforma de juego y haya realizado el “cargue” de una imagen relacionada con el sitio que visitaron.</li>

                                    </ul>
                                </li>
                                <li> Si se te ha asignado el rol de moderador, encontrarás en tu pantalla:
                                    <ul>
                                        <li> Las diferentes opciones de respuesta a cada una de las preguntas realizadas por cada una de las pistas. Para responder, solo debes dar clic en la casilla que consideres como respuesta correcta.</li>
                                        <li> Un chat privado que les permitirá comunicarse como equipo. A través de este chat podrás comunicarte con tu equipo y así ir recibiendo información de los demás miembros de tu equipo para avanzar rápidamente. Recuerda, este juego lo gana el equipo que haga su Virtual Trip en el menor tiempo con la mayor cantidad de aciertos. </li>
                                        <li> Un contador de tiempo que te irá mostrando el tiempo que llevan realizando el juego.</li>
                                        <li> Una pantalla de streaming en donde la presentadora les irá narrando los sucesos que van pasando en el juego, así como el avance de los demás equipos.</li>
                                        <li> Un botón de cargar archivo en donde deberás anexar y subir una imagen relacionada con el sitio que visitaron, la cual debe haber sido previamente concertada con los miembros del equipo a través del chat.</li>
                                        <li> Cuando el moderador haya contestado las tres preguntas de cada destino y cargado la imagen de este mismo lugar, deberá dar “clic” en el botón “Enviar”. Esto le permitirá al equipo continuar el viaje hacia el próximo destino hasta haber visitado los 15 lugares de los que se compone el Virtual Trip.</li>
                                    </ul>
                                </li>
                                <li> Como equipo (Jugadores + Moderador), para visitar estos quince (15) destinos tienen un tiempo máximo de 45 minutos. </li>
                                <li> Si logran visitar todos los destinos antes del tiempo establecido, el sistema ya no le arrojará más destinos y habrá terminado el juego. Si cumplido el tiempo como equipo no han visitado el 100% de las lugares, el juego se interrumpirá de manera automática. </li>

                                <li> El puntaje obtenido será grupal y el resultado se dará a conocer al finalizar todos los equipos su viaje a través del Virtual Trip.</li>
                            </ol>







                            <br>
                            <h3 align="center">¡Muchos Éxitos!</h3>
                        </p>




                        <!--  <a href="<?php /* echo $url; */ ?>/ranking">
                                <button type="button" class="btn btn-warning btn-block " style="margin-top: 20px">
                                    Ver Ranking
                                </button>
                            </a> -->

                    </div>

                </div>
            </div>
        </div>

        <br>
        <div class="col-md-12" style="padding-top: 20px;" align="center">
            <div class="card">
                <div class="card-body">
                    <div class="row">

                        <div class="col-md-12">
                            <a href="<?php echo $url; ?>/equipos">
                                <button type="button" class="btn btn-success btn-block" style="margin-bottom: 15px">
                                    Empezar Viaje
                                </button>
                            </a>
                        </div>




                    </div>
                </div>
            </div>
        </div>

    <?php } ?>




    </div>

</div>

</div>

</div>

<script>
    $(document).ready(function() {
        $("#bt_concursos").addClass("btn_item_menu_active");
    });
</script>