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

$contador_ahorcado = 0;

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

$dia = 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;
}

?>
  



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

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

	<div class="container" >

		<?php echo $rersp; ?>

		<div class="row">
			
            <div class="col-md-12" align="center">
                <h1 style="margin-top: 3%; color: #006db7;">CONCURSOS</h1>
			</div>

            <div class="col-md-6" align="center">
                
                <div class="card">
                    <div class="card-body">
                        <h2 style="margin-top: 3%; color: #006db7;">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-primary btn-block" style="margin-bottom: 15px">
                                    Realizar Juego día 1
                                </button>
                            </a>
                        
                            <a href="<?php echo $url; ?>/crucigrama/2">
                                <button type="button" class="btn btn-primary btn-block">
                                    Realizar Juego día 2
                                </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>
                
                
            <div class="col-md-6" align="center">
                
                <div class="card">
                    <div class="card-body">
                        <h2 style="margin-top: 3%; color: #006db7;">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-success btn-block btn_item_menu" style="margin-bottom: 15px">
                                    Realizar Juego día 1
                                </button>
                            </a>
                        
                            <a href="<?php echo $url; ?>/encuentra_frase/2">
                                <button type="button" class="btn btn-success btn-block btn_item_menu">
                                    Realizar Juego día 2
                                </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>
                
                
                
               
			</div>

		</div>

	</div>
	
</div>

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