<?php        
	include("../app/models/connect.php");

    $id_user = $_POST["id_user"];
    $pregunta = $_POST["pregunta"];
    $respuesta = $_POST["respuesta"];
    $total_segundos = $_POST["total_segundos"];
    $dia = $_POST["dia"];
    $hoy = date("Y-m-d H:i:s");

    //consultamos la pregunta que vamos a guardar
    $queryPregunta = mysqli_query($connect,"SELECT * FROM Desafio_Preguntas WHERE id = '".$pregunta."' ");
    $dataPregunta = mysqli_fetch_array($queryPregunta);

    $puntaje = 0;
    if($respuesta == $dataPregunta["correcta"]){
        $puntaje = 1;
    }

    //insertamos la respuesta del usuario
    $query = mysqli_query($connect,"INSERT INTO Desafio_Respuestas (dia, id_pregunta, id_asistente, opcion, tiempo, puntaje, orden, created_at ) 
    VALUES 
    ( '".$dia."', '".$pregunta."', ".$id_user.", ".$respuesta.", ".$total_segundos.", ".$puntaje.", '".$dataPregunta["orden"]."', '".$hoy."' )");


    $siguiente = 1;
    $queryValidar = mysqli_query($connect,"SELECT * FROM Desafio_Respuestas WHERE dia = '".$dia."' AND id_asistente = '".$id_user."' ORDER BY orden DESC ");
    if($queryValidar->num_rows > 0){
        
        $dataValidar = mysqli_fetch_array($queryValidar);
        $siguiente = $dataPregunta["orden"]+1;
    } 

    $queryNUeva = mysqli_query($connect,"SELECT * FROM Desafio_Preguntas WHERE dia = '".$dia."' AND orden = '".$siguiente."' ");
    if($queryNUeva->num_rows > 0){
        $dataNueva = mysqli_fetch_array($queryNUeva);
?>


    <div class="col-md-12">
        <h2>Pregunta <?php echo $dataNueva["orden"] ?> - día <?php echo $dia; ?></h2>
        <div id="hms" style=" font-size: 30px; color: #f3e745;"></div>
    </div>

    <div class="col-md-12" style="margin-bottom: 30px; margin-top: 15px">
        <?php echo $dataNueva["pregunta"] ?>
        <input type="hidden" id="pregunta" value="<?php echo $dataNueva["id"]; ?>">
        <input type="hidden" id="cr" value="<?php echo $dataNueva["correcta"]; ?>">
    </div>

    <div class="col-md-6">
        <table class="opciones" onClick="GuardarRespuesta( 1, this )" id="opt_1">
                            <tr>
                                <td width="80" style="font-size: 50px; text-align: center;">
                                    <b>A.</b>
                                </td>
                                <td style="padding: 15px; color: #000000">
                                    <?php echo $dataNueva["opc_1"] ?>
                                </td>
                            </tr>
        </table>
    </div>
                    
    <div class="col-md-6">
        <table class="opciones" onClick="GuardarRespuesta(2, this )" id="opt_2">
                            <tr>
                                <td width="80" style="font-size: 50px; text-align: center;">
                                    <b>B.</b>
                                </td>
                                <td style="padding: 15px; color: #000000">
                                    <?php echo $dataNueva["opc_2"] ?>
                                </td>
                            </tr>
        </table>
    </div>
                    
    <div class="col-md-6">
        <table class="opciones" onClick="GuardarRespuesta(3, this)" id="opt_3">
                            <tr>
                                <td width="80" style="font-size: 50px; text-align: center;">
                                    <b>C.</b>
                                </td>
                                <td style="padding: 15px; color: #000000">
                                    <?php echo $dataNueva["opc_3"] ?>
                                </td>
                            </tr>
        </table>
    </div>
                    
    <div class="col-md-6">
        <table class="opciones" onClick="GuardarRespuesta(4, this )" id="opt_4">
                            <tr>
                                <td width="80" style="font-size: 50px; text-align: center;">
                                    <b>D.</b>
                                </td>
                                <td style="padding: 15px; color: #000000">
                                    <?php echo $dataNueva["opc_4"] ?>
                                </td>
                            </tr>
        </table>
    </div>

    <script>
        $( document ).ready(function() {
            reiniciar();
            cronometrar();
        });
    </script>

    

<?php } else {?>

    <?php
        $queryPuntaje = mysqli_query($connect,"SELECT SUM(puntaje) FROM Desafio_Respuestas WHERE dia = '".$dia."' AND id_asistente = '".$id_user."' ");
        $dataPuntaje = mysqli_fetch_array($queryPuntaje);
    ?>
    <div class="col-md-6">
        <!-- <img src="<?php echo $url; ?>/img/desafio/logo_desafio.png" style=" width: 80%; max-width: 390px;"><br> -->
    </div>

    <div class="col-md-6">
        <div style="border-radius: 20px; border: 2px solid #ffffff; padding: 30px 10px; font-size: 30px; margin-top: 30px;">
            Usted ha conseguido<br>
            <div style="font-size: 50px"><?php echo $dataPuntaje["SUM(puntaje)"]; ?> Puntos</div>
            <a href="/stand/5" class="btn btn_juegos" onClick="Home()">Volver</a>
            <!-- <img src="<?php echo $url; ?>/img/desafio/bt_volver.png" width="200" style="padding: 10px" onClick="Home()" class="bt_interface"> -->
            <br>
            <?php /*
                if($dia == 1){
                    echo '
                    <a href="'.$url.'/desafio_ournorth/2">
                        <img src="'.$url.'/img/desafio/bt_dia_2.png" width="200" style="padding: 10px" class="bt_interface" >
                    </a>
                    ';
                }
        
                if($dia == 2){
                    echo '
                    <a href="'.$url.'/desafio_ournorth/3">
                        <img src="'.$url.'/img/desafio/bt_dia_3.png" width="200" style="padding: 10px" class="bt_interface" >
                    </a>
                    ';
                } */
            ?>
        </div>
    </div>
<?php
    }
?>