<?php
include("../app/models/connect.php");
?>
<link rel="stylesheet" type="text/css" href="/js/style1.css"/>  
<div class="col-md-12">



    <?php echo $rersp; ?>

    <div class="row">

        <div class="col-md-12" align="center">
            <h1 style="color: #ffffff;">RANKING</h1>

        </div>

        <div class="col-md-12" align="center" style="color: #fff; ">

            <h3>Virtual Trip</h3>
            <hr>
            <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">


                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">Posición</th>
                            <th scope="col">Equipo</th>
                            <th scope="col">Puntaje</th>
                            <th scope="col">Tiempo</th>
                            <th scope="col" style="width:150px">Progreso</th>
                            <th scope="col">P1</th>
                            <th scope="col">P2</th>
                            <th scope="col">P3</th>
                            <th scope="col">P4</th>
                            <th scope="col">P5</th>
                            <th scope="col">P6</th>
                            <th scope="col">P7</th>
                            <th scope="col">P8</th>
                            <th scope="col">P9</th>
                            <th scope="col">P10</th>
                            <th scope="col">P11</th>
                            <th scope="col">P12</th>
                            <th scope="col">P13</th>
                            <th scope="col">P14</th>
                            <th scope="col">P15</th>
                            <th scope="col">Imágenes</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php

                        $count = 1;
                        $q = "select distinct(rm.equipo),
                                    subtime((select hora_fin from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id DESC limit 1),
                                    (select hora_inicia from respuesta_map as r where r.equipo = rm.equipo order by r.juego_id limit 1)) as tiempo,
                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
                                    obtain_questions(rm.equipo, 1) 'pregunta1',
                                    obtain_questions(rm.equipo, 2) 'pregunta2',
                                    obtain_questions(rm.equipo, 3) 'pregunta3',
                                    obtain_questions(rm.equipo, 4) 'pregunta4',
                                    obtain_questions(rm.equipo, 5) 'pregunta5',
                                    obtain_questions(rm.equipo, 6) 'pregunta6',
                                    obtain_questions(rm.equipo, 7) 'pregunta7',
                                    obtain_questions(rm.equipo, 8) 'pregunta8',
                                    obtain_questions(rm.equipo, 9) 'pregunta9',
                                    obtain_questions(rm.equipo, 10) 'pregunta10',
                                    obtain_questions(rm.equipo, 11) 'pregunta11',
                                    obtain_questions(rm.equipo, 12) 'pregunta12',
                                    obtain_questions(rm.equipo, 13) 'pregunta13',
                                    obtain_questions(rm.equipo, 14) 'pregunta14',
                                    obtain_questions(rm.equipo, 15) 'pregunta15'
                            from respuesta_map as rm
                            where rm.equipo <> ''
                            order by 3 DESC,2";
                        $queryR1 = mysqli_query($connect, $q);
                        while ($dataR1 = mysqli_fetch_array($queryR1)) {
                            $suma = $dataR1["pregunta1"] + $dataR1["pregunta2"] + $dataR1["pregunta3"] + $dataR1["pregunta4"] + $dataR1["pregunta5"] + $dataR1["pregunta6"] + $dataR1["pregunta7"] + $dataR1["pregunta8"] + $dataR1["pregunta9"] + $dataR1["pregunta10"] + $dataR1["pregunta11"] + $dataR1["pregunta12"] + $dataR1["pregunta13"] + $dataR1["pregunta14"] + $dataR1["pregunta15"];
                            $val = 100 * $suma / 15;
                            $bg_color = "";
                            $color = "";
                            if ($val < 30) {
                                $bg_color = "#d91e49";
                                $color = "#000";
                            }
                            if ($val >= 30 && $val < 70) {
                                $bg_color = "#ff8000";
                                $color = "#000";
                            }
                            if ($val >= 70) {
                                $bg_color = "#008f39";
                                $color = "#fff";
                            }
                            $val = number_format($val, 2);
                            echo '
                                    <tr>
                                        <td>' . $count . '</td>
                                        <td>' . $dataR1["equipo"] . '</td>
                                        <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                        <td>' . $dataR1["tiempo"] . '</td>
                                        <td>
                                            <div class="progress" style="background-color: #a7a9ac;">
                                                <div class="progress-bar" style="background-color: ' . $bg_color . '; color: ' . $color . '; width: ' . $val . '%;" role="progressbar" aria-valuemin="0" aria-valuemax="15">' . $val . '%</div>
                                            </div>
                                        </td>
                                        <td>' . ($dataR1["pregunta1"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta2"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta3"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta4"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta5"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta6"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta7"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta8"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta9"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta10"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta11"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta12"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta13"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta14"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td>' . ($dataR1["pregunta15"] == 1 ? '<i style="color: #008f39;" class="fa fa-check" aria-hidden="true"></i>' : '<i style="color: #d91e49;" class="fa fa-times" aria-hidden="true"></i>') . '</td>
                                        <td><a href="/mostrar_imagen/' . $dataR1["equipo"] . '" target="_blank" class="btn btn_juegos">Ver</a></td>
                                        
                                    <tr>
                                    ';
                            $count++;
                        }


                        ?>

                    </tbody>

                </table>
            </div>




        </div>

    </div>
    <?php $grafica = [] ?>
    <div class="row" style="margin-top: 30px;">



        <div class="col-md-12" align="center" style="color: #fff; ">
            <h3>Ranking Respuestas Correctas</h3>
            <hr>

            <div class="table-responsive" style="background-color: #fff; border-radius: 12px; overflow: hidden; padding: 5px 30px;">


                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">Posición</th>
                            <th scope="col">Equipo</th>
                            <th scope="col">Puntaje</th>
                            <th scope="col">P1</th>
                            <th scope="col">P2</th>
                            <th scope="col">P3</th>
                            <th scope="col">P4</th>
                            <th scope="col">P5</th>
                            <th scope="col">P6</th>
                            <th scope="col">P7</th>
                            <th scope="col">P8</th>
                            <th scope="col">P9</th>
                            <th scope="col">P10</th>
                            <th scope="col">P11</th>
                            <th scope="col">P12</th>
                            <th scope="col">P13</th>
                            <th scope="col">P14</th>
                            <th scope="col">P15</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php

                        $count = 1;
                        $q = "select distinct(rm.equipo),
                                    (select sum(r.puntaje) from respuesta_map as r where r.equipo=rm.equipo) as puntaje,
                                    sum_questions(rm.equipo, 1) 'pregunta1',
                                    sum_questions(rm.equipo, 2) 'pregunta2',
                                    sum_questions(rm.equipo, 3) 'pregunta3',
                                    sum_questions(rm.equipo, 4) 'pregunta4',
                                    sum_questions(rm.equipo, 5) 'pregunta5',
                                    sum_questions(rm.equipo, 6) 'pregunta6',
                                    sum_questions(rm.equipo, 7) 'pregunta7',
                                    sum_questions(rm.equipo, 8) 'pregunta8',
                                    sum_questions(rm.equipo, 9) 'pregunta9',
                                    sum_questions(rm.equipo, 10) 'pregunta10',
                                    sum_questions(rm.equipo, 11) 'pregunta11',
                                    sum_questions(rm.equipo, 12) 'pregunta12',
                                    sum_questions(rm.equipo, 13) 'pregunta13',
                                    sum_questions(rm.equipo, 14) 'pregunta14',
                                    sum_questions(rm.equipo, 15) 'pregunta15'
                            from respuesta_map as rm
                            where rm.equipo <> ''
                            order by 3 DESC,2";
                        $queryR1 = mysqli_query($connect, $q);
                        while ($dataR1 = mysqli_fetch_array($queryR1)) {
                            $suma = ($dataR1["pregunta1"] == null ? 0 : $dataR1["pregunta1"]) +
                                ($dataR1["pregunta2"] == null ? 0 : $dataR1["pregunta2"]) +
                                ($dataR1["pregunta3"] == null ? 0 : $dataR1["pregunta3"]) +
                                ($dataR1["pregunta4"] == null ? 0 : $dataR1["pregunta4"]) +
                                ($dataR1["pregunta5"] == null ? 0 : $dataR1["pregunta5"]) +
                                ($dataR1["pregunta6"] == null ? 0 : $dataR1["pregunta6"]) +
                                ($dataR1["pregunta7"] == null ? 0 : $dataR1["pregunta7"]) +
                                ($dataR1["pregunta8"] == null ? 0 : $dataR1["pregunta8"]) +
                                ($dataR1["pregunta9"] == null ? 0 : $dataR1["pregunta9"]) +
                                ($dataR1["pregunta10"] == null ? 0 : $dataR1["pregunta10"]) +
                                ($dataR1["pregunta11"] == null ? 0 : $dataR1["pregunta11"]) +
                                ($dataR1["pregunta12"] == null ? 0 : $dataR1["pregunta12"]) +
                                ($dataR1["pregunta13"] == null ? 0 : $dataR1["pregunta13"]) +
                                ($dataR1["pregunta14"] == null ? 0 : $dataR1["pregunta14"]) +
                                ($dataR1["pregunta15"] == null ? 0 : $dataR1["pregunta15"]);

                            $temp = ["equipo" => $dataR1["equipo"], "suma" => $suma, "puntaje" => $dataR1["puntaje"]];
                            $grafica[] = $temp;


                            echo '
                                    <tr>
                                        <td>' . $count . '</td>
                                        <td>' . $dataR1["equipo"] . '</td>
                                        <td>' . round($dataR1["puntaje"]) . ' pts.</td>
                                        <td>' . ($dataR1["pregunta1"] == null ? '0/4' : $dataR1['pregunta1'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta2"] == null ? '0/4' : $dataR1['pregunta2'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta3"] == null ? '0/4' : $dataR1['pregunta3'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta4"] == null ? '0/4' : $dataR1['pregunta4'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta5"] == null ? '0/4' : $dataR1['pregunta5'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta6"] == null ? '0/4' : $dataR1['pregunta6'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta7"] == null ? '0/4' : $dataR1['pregunta7'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta8"] == null ? '0/4' : $dataR1['pregunta8'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta9"] == null ? '0/4' : $dataR1['pregunta9'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta10"] == null ? '0/4' : $dataR1['pregunta10'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta11"] == null ? '0/4' : $dataR1['pregunta11'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta12"] == null ? '0/4' : $dataR1['pregunta12'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta13"] == null ? '0/4' : $dataR1['pregunta13'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta14"] == null ? '0/4' : $dataR1['pregunta14'] . "/4") . '</td>
                                        <td>' . ($dataR1["pregunta15"] == null ? '0/4' : $dataR1['pregunta15'] . "/4") . '</td>
                                        
                                    <tr>
                                    ';
                            $count++;
                        }


                        ?>

                    </tbody>

                </table>
            </div>




        </div>

    </div>
    <div class="row" style="margin-top: 30px;">
        <div class="col-12" align="center" style="color: white;">
            <h3>Grafica </h3>
            <hr>
        </div>
        <div class="col-md-6" style="color: #fff; ">
            Respuestas correctas
            <div class="table-responsive" style="background-color: #fff; color: black; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
                <div class="charts">
                    <div class="chart chart--dev">

                        <ul class="chart--horiz">
                            <?php foreach ($grafica as $value) {  ?>

                                <li class="chart__bar" style="width: <?php echo (100*$value['suma']/60); ?>%;">
                                <?php echo $value['equipo'].'-'.$value['suma'].'Rtas' ?>
                                <span class="chart__label">
                                        
                                    </span>
                                </li>

                            <?php
                            }
                            ?>
                        </ul>

                    </div>
                </div>

                
            </div>




        </div>
        <div class="col-md-6" style="color: #fff; ">
        Puntajes
            <div class="table-responsive" style="background-color: #fff; color: black; border-radius: 12px; overflow: hidden; padding: 5px 30px;">
                <div class="charts">
                    <div class="chart chart--dev">

                        <ul class="chart--horiz">
                            <?php foreach ($grafica as $value) { ?>
                                <li class="chart__bar" style="width: <?php echo (100*$grafica[0]['puntaje']/375); ?>%;">
                                <?php echo $value['equipo'].'-'.$value['puntaje'].'pts' ?>    
                                <span class="chart__label">
                                    
                                    </span>
                                </li>

                            <?php
                            }
                            ?>
                        </ul>

                    </div>
                </div>

                
            </div>




        </div>

    </div>

    <a href="/lobby" class="btn btn_juegos">Volver</a>



</div>