<?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>

                            </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;">ENCUENTRE 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-3" align="center" style="margin-top: auto; margin-bottom: auto;">
            <?php
            $equipo = mysqli_query($connect, "SELECT * FROM Asistentes WHERE equipo = " . $data['equipo']);
            ?>
            <h2>Tu Equipo</h2>

            <p>
                <?php
                $aux = "";
                while ($integrante = mysqli_fetch_array($equipo)) {
                    $aux .= "• " . $integrante['nombre'] . " " . $integrante['apellidos'] . " ";
                }
                echo $aux;
                ?>
            </p>

        </div>


        <div class="col-md-9" 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>
                            1. Emprender un viaje siempre será la gran oportunidad de conocer lugares inexplorados, definir la ruta por la que transitaremos por estos nuevos lugares por conocer, será la manera en que construyamos la experiencia que nos quedará de recuerdo para toda la vida. <br>

                            2. Estos viajes es mejor realizarlos acompañado, ya que así la experiencia es mejor, por lo tanto al dar el botón continuar, vas a encontrar el equipo al que perteneces y con el cuál vas a realizar el viaje. <br>
                            3. En el viaje que vas a realizar con tu equipo, visitarán una serie de lugares y responderán a preguntas relacionadas con los mismos. <br>
                            4. Cuando des en el botón continuar al viaje, después de conocer el equipo con el cuál vivirás experiencia, llegaras a un módulo en donde encontraras un mapa de google maps y una serie de pistas que deberán buscar, así como preguntas que responderán como equipo de manera rápida y acertada. <br>
                            5. Tu equipo tiene un moderador asignado previamente, quien será la única persona que podrá responder las preguntas en la plataforma, pero quién no podrá ver las pistas ni las preguntas relacionadas con el destino que deben visitar. <br>
                            6. Primero deberán encontrar el sitio a visitar, y cuando lleguen al mismo, responderán las tres (3) preguntas relacionadas con el destino, seleccionando las respuesta correcta del menú de opciones.. <br>
                            7. Cuando hayan encontrado el destino y contestado las preguntas relacionadas con el mismo, el moderador deberá cargar una imagen relacionada con el destino que será la evidencia que efectivamente estuvieron allí, esto lo hará, dando clic en el botón cargar imagen. <br>
                            8. En el momento que hayan encontrado el destino, respondido las preguntas y cargado la imagen de evidencia, el moderador deberá dar clic en el botón… siguiente destino, para que a los jugadores se les active las pitas y preguntas del siguiente destino y a él se le activen los campos de respuestas. <br>
                            9. Ustedes como equipo podrán visitar como máximo quince (15) destinos. <br>
                            10. Para visitar estos quince (15) destinos; tienen un tiempo máximo de 45 minutos. <br>
                            11. SI logran visitar todos los destinos antes del tiempo establecido, el sistema ya no le mostrará más destinos y habrá terminado la dinámica. <br>
                            12. En el home del moderador y los jugadores encontrarán un chat, mediante el cuál se podrán comunicar para compartir pistas y los jugadores enviar las respuestas para que el moderador las pueda responder. <br>
                            13. El puntaje de resultados, se dará a la totalidad del equipo; cada sitio que encuentren y visiten de manera correcta les dará 10 puntos y cada pista que respondan correctamente les dará 5 puntos, además se tendrá en cuenta el tiempo total que el equipo se demore en visitar los sitios y responder las preguntas. <br>

                            <br>
                            <h3>¡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">

                        <?php
                        $cont = 0;
                        while ($juego = mysqli_fetch_array($queryValidate)) {
                            $cont = $juego['juego_id'];
                        ?>
                            <div class="col-md-4">
                                <a href="<?php echo $url; ?>/juego/<?php echo $cont; ?>">
                                    <button type="button" class="btn btn-success btn-block" style="margin-bottom: 15px">
                                        Realizar Juego <?php echo $cont; ?>
                                    </button>
                                </a>
                            </div>
                        <?php
                        }

                        if ($cont < 15) {
                        ?>
                            <div class="col-md-4">
                                <a href="<?php echo $url; ?>/juego/<?php echo $cont + 1; ?>">
                                    <button type="button" class="btn btn-primary btn-block" style="margin-bottom: 15px">
                                        Realizar Juego <?php echo $cont + 1; ?>
                                    </button>
                                </a>
                            </div>
                        <?php
                        }
                        ?>


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

    <?php } ?>




    </div>

</div>

</div>

</div>

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