<?php
	$queryAsis = mysqli_query($connect,"SELECT id FROM Asistentes ");
	$queryActv = mysqli_query($connect,"SELECT id FROM Agenda ");
	$querySpe = mysqli_query($connect,"SELECT id FROM Conferencistas ");
	$queryNuevos = mysqli_query($connect,"SELECT id FROM Asistentes WHERE origen = 2 ");

	$completo = 0;
	$queryPreregistro = mysqli_query($connect,"SELECT * FROM Asistentes WHERE origen = 1 ");
	while($dataPreregistro = mysqli_fetch_array($queryPreregistro)){
		
		if( $dataPreregistro["nombre"] != "" && $dataPreregistro["correo"] != "" && $dataPreregistro["pais"] != "" && $dataPreregistro["ciudad"] != "" && $dataPreregistro["especialidad"] != "" && $dataPreregistro["tratamientos"] != "" && $dataPreregistro["acepto"] != "" ){
			$completo ++;
		}
	}

    $data = array(
        'inicia'=> "2020-11-06", 
        'termina'=> "2020-11-07"
    );
    
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL,"https://fora2020.com/admin/analitica_across_api.php");
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($ch, CURLOPT_POST, TRUE);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $data );
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $remote_server_output = curl_exec ($ch);
    // cerramos la sesión cURL
    curl_close ($ch);
                                  
    $estadisticasArray = json_decode($remote_server_output);
    
    function Total_Vista($arr, $ruta){
        $total = 0;
        foreach($arr as $item){
            if($ruta != ""){
                if($item[0] == $ruta){
                    $total += $item[1];
                }
            }
            else{
               $total += $item[1]; 
            }
            
            
        }
        return $total;
    }


    function Total_Stand($arr){
        $total_1 = 0;
        $total_2 = 0;
        $total_3 = 0;
        $total_4 = 0;
        $total_5 = 0;
        $total_6 = 0;
        $total_7 = 0;
        $total_8 = 0;
        $total_9 = 0;
        $total_10 = 0;
        $total_11 = 0;
        $total_12 = 0;
        $total_13 = 0;
        $total_14 = 0;

        foreach($arr as $item){
            if($item[0] == '/info/1'){
                $total_1 += $item[1];
            }
            if($item[0] == '/info/2'){
                $total_2 += $item[1];
            }
            if($item[0] == '/info/3'){
                $total_3 += $item[1];
            }
            if($item[0] == '/info/4'){
                $total_4 += $item[1];
            }
            if($item[0] == '/info/5'){
                $total_5 += $item[1];
            }
            if($item[0] == '/info/6'){
                $total_6 += $item[1];
            }
            if($item[0] == '/info/7'){
                $total_7 += $item[1];
            }
            if($item[0] == '/info/8'){
                $total_8 += $item[1];
            }
            if($item[0] == '/info/9'){
                $total_9 += $item[1];
            }
            if($item[0] == '/info/10'){
                $total_10 += $item[1];
            }
            if($item[0] == '/info/11'){
                $total_11 += $item[1];
            }
            if($item[0] == '/info/12'){
                $total_12 += $item[1];
            }
            if($item[0] == '/info/13'){
                $total_13 += $item[1];
            }
            if($item[0] == '/info/14'){
                $total_14 += $item[1];
            }
        }

        $arreglo = array( $total_1 , $total_2, $total_3, $total_4, $total_5, $total_6, $total_7, $total_8, $total_9, $total_10, $total_11, $total_12, $total_13, $total_14 );
        return $arreglo;
    }

    $total_dia = 0;
    $total_live = 0;
    $total_muestra = 0;

    $total_dia = Total_Vista($estadisticasArray, '' );
    $total_live = Total_Vista($estadisticasArray, '/live');
    $total_muestra = Total_Vista($estadisticasArray, '/muestra');
    $stands = Total_Stand($estadisticasArray);

    
    

    //UNICOS EN VIVO
    //UNICOS EN VIVO
    //UNICOS EN VIVO
    $id = $_GET["id"];
    $cant = $_GET["cant"];

    $arrayGeneral = array();
    $dia_1 = array();
	$queryAnalitica = mysqli_query($connect,"SELECT * FROM Analitica_Vivo WHERE created_at	>= '2020-11-06 00:00:00' AND created_at <= '2020-11-06 23:59:00' ");
	while($dataAnalitica = mysqli_fetch_array($queryAnalitica)){
        $dataSnap = json_decode($dataAnalitica["dato"]);
        foreach($dataSnap as $data){
            array_push($dia_1, $data->user);
        }
	}
    $dia_1 = array_unique($dia_1);

    $dia_2 = array();
	$queryAnalitica = mysqli_query($connect,"SELECT * FROM Analitica_Vivo WHERE created_at	>= '2020-11-07 00:00:00' AND created_at <= '2020-11-07 23:59:00' ");
	while($dataAnalitica = mysqli_fetch_array($queryAnalitica)){
        $dataSnap = json_decode($dataAnalitica["dato"]);
        foreach($dataSnap as $data){
            array_push($dia_2, $data->user);
        }
	}
    $dia_2 = array_unique($dia_2);


?>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"></script>

<style>
    
     
    .numero_grande{
        font-size: 50px; 
        font-weight: bold;
        margin-bottom: -10px;
    }
    
    .leyenda{
        font-size: 14px;
        line-height: 20px;
        height: 56px;
        margin-bottom: 10px;
    }
    
    .pagina {		
        page-break-after: always;	
    }

</style>


<style media="print">
    body{
        margin: 0;
        padding: 0;
        background-color: #fff;
        font-family: sans-serif;
        font-size: 18px;

    }
    #side_bar{
        display: none;
    }
        
    .bt_print {
            display:none;
    }  
       
    @page { 
        size: A4;
        margin: 20px; 
        /*color: #ffffff;
*/
    }

</style> 



<div class="row" style="padding-top: 5px; background-color: #ffffff">
    
    <div align="right" style="width: 100%" class="bt_print">
        <button onclick="window.print()" style="background-color: #8BC34A; border: 0; margin: 5px;">Imprimir / Descargar</button>
    </div>
    
    <!-- FICHA -->
	<div class="col-md-12" style="margin-bottom: 20px">
        
        
        <!-- PAGINA -->
        <!-- PAGINA -->
        <div class="pagina">
        
            <div style="background-color: #ffffff; margin-bottom: 15px; margin-top: 60px; border: 1px solid #e6e6e6;">
            <table width="100%">
                <tr>
                    <td width="50%" align="center">
                        <div style="padding: 15px">
                            <img src="<?php echo $url_admin; ?>/img/logo_reporte.png" width="250" /><br>      
                            <div style="font-size: 20px">
                                <b>ACROSS T2D</b><br>
                                6 y 7 de Noviembre de 2020
                            </div>
                        </div>
                    </td>
                    <td style="background-color: #e6e6e6; padding: 30px 20px; font-size: 20px">
                        
                        <div style="padding: 15px">
                            <h4>DATOS GENERALES</h4>
                            <div class="titulos_rep">Realizador del evento</div>
                            <div class="datos_rep">Boehringer Ingelheim</div>
                        </div>
                        
                        <div style="padding: 15px">
                            <div class="titulos_rep">Nombre del evento</div>
                            <div class="datos_rep">ACROSS T2D</div>
                        </div>
                        
                        <div style="padding: 15px">
                            <div class="titulos_rep">Fecha</div>
                            <div class="datos_rep"> 6 y 7 de Noviembre de 2020</div>
                        </div>
                        
                        <div style="padding: 15px">
                            <div class="titulos_rep">Hora</div>
                            <div class="datos_rep"> 6:00 pm</div>
                        </div>
                        
                        <div style="padding: 15px">
                            <div class="titulos_rep">Conferencistas</div>
                            <div class="datos_rep">
                            <?php
                                $query = mysqli_query($connect,"SELECT * FROM Conferencistas ORDER BY nombre DESC ");
                                while($data = mysqli_fetch_array($query)){
                                    echo $data["nombre"].'<br>';
                                }
                            ?>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            </div>
        
            <?php
            $mailing = 0;    
            $whatsapp = 0;
            $visitamedica = 0;
            $queryDifusion = mysqli_query($connect,"SELECT * FROM Asistentes WHERE acepto = 'on' ");
            while($dataDifusion = mysqli_fetch_array($queryDifusion)){
                if($dataDifusion["canal_comunicado"] == 1){
                    $mailing++;
                }
                if($dataDifusion["canal_comunicado"] == 2){
                    $whatsapp++;
                }
                if($dataDifusion["canal_comunicado"] == 3){
                    $visitamedica++;
                }
            }
            ?>

            <!-- INDICADORES GENERALES -->
            <div style="background-color: #ffffff; margin-bottom: 15px; margin-top: 50px"> 
            
                <div style="padding: 15px; padding-top: 50px;" align="center">
                    <H4 align="center">INDICADORES GENERALES</H4>
                </div>

                <table width="100%">
                    <tr>
                        <!-- INDICADOR 1 -->
                        <td width="50%">
                            <h5 align="center">Potenciales</h5>
                            <table width="100%" style="background-color: #ff5a23; color: #ffffff">
                                <tr>
                                    <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                        <i class="fa fa-users btn-left" style=" font-size: 60px "></i>
                                    </td>
                                    <td align="center">
                                        <div class="numero_grande"><?php echo $queryAsis->num_rows; ?></div>
                                        <div class="leyenda">Personas totales en bases de datos</div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <!-- INDICADOR 1 -->
                        <td>
                            <h5 align="center">Leads</h5>
                            <table width="100%" style="background-color: #3F51B5; color: #ffffff;">
                                <tr>
                                    <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                        <i class="fa fa-address-book btn-left" style=" font-size: 60px "></i>
                                    </td>
                                    <td align="center">
                                        <div class="numero_grande"><?php echo $queryNuevos->num_rows+$completo; ?></div>
                                        <div class="leyenda">No. de personas que completaron registro para el evento</div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
  
        </div>
          
        
        
        
        
        
        
        
        
        
        <!-- PAGINA -->
        <!-- PAGINA -->
        <div class="pagina">
        
            <!-- REGISTROS -->
            <div style="background-color: #ffffff; margin-bottom: 15px; margin-top: 80px"> 
                <div style="padding: 15px">
                    <H4 align="center">TENDENCIA DE REGISTROS</H4>
                </div>
                <div style="padding: 15px; border: 1px solid #e6e6e6;">
                    <canvas id="canvas" style="width:100%; height:300px"></canvas>
                </div>
            </div>
            
         
            
            
        
            <!-- DETALLADO -->
            <div style="background-color: #ffffff; margin-bottom: 15px; margin-top: 70px"> 
                <div style="padding: 15px; ">
                    <H4 align="center">DETALLADO</H4>
                </div>
            
                <table width="100%">
                <tr>
                    <!-- INDICADOR 1     -->
                    <td width="33%">
                        <h5 align="center">Remarketing</h5>
                        <table width="100%" style="background-color: #42A5F5; color: #ffffff;">
                            <tr>
                                <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                    <i class="fa fa-address-book btn-left" style=" font-size: 60px "></i>
                                </td>
                                <td align="center">
                                    <div class="numero_grande"><?php echo $queryPreregistro->num_rows - $completo; ?></div>
                                    <div class="leyenda">No. de personas de la base de datos que no completaron registro para el evento</div>
                                </td>
                            </tr>
                        </table>
                    
                    </td>
                    <!-- INDICADOR 2     -->
                    <td width="33%">
                        <h5 align="center">Recurrentes</h5>
                        <table width="100%" style="background-color: #1976D2; color: #ffffff;">
                            <tr>
                                <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                    <i class="fa fa-address-book btn-left" style=" font-size: 60px "></i>
                                </td>
                                <td align="center">
                                    <div class="numero_grande"><?php echo $completo; ?></div>
                                    <div class="leyenda">No. de personas de la base de datos que completaron registro para el evento</div>
                                </td>
                            </tr>
		                </table>
                    </td>
                    <!-- INDICADOR 3     -->
                    <td >
                        <h5 align="center">Fidelización</h5>
                        <table width="100%" style="background-color: #0D47A1; color: #ffffff;">
                            <tr>
                                <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                    <i class="fa fa-address-book btn-left" style=" font-size: 60px "></i>
                                </td>
                                <td align="center">
                                    <div class="numero_grande"><?php echo $queryNuevos->num_rows; ?></div>
                                    <div class="leyenda">No. de personas nuevas que se registraron para este evento</div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                </table>
            
            </div>
   


         
        
            <!-- FUENTE VISITA -->
            <div style="background-color: #ffffff; margin-bottom: 15px">   
            <table width="100%">
                <tr>
                    <td colspan="3">
                        <div style="padding: 15px; padding-top: 70px;">
                            <H4 align="center">FUENTES DE VISITA</H4>
                            <p align="center" style="font-size: 20px;">A continuacion pordrá ver de forma detallada desde dónde llegaron los usuarios al formulario de inscripción</p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td width="33%" align="center" style="border: 1px solid #ccc; padding: 10px;">
                         <div class="titulos_rep">Mailing</div>
                        <div class="numeros_rep"><?php echo $mailing; ?></div>
                    </td>
                    <td width="33%" align="center" style="border: 1px solid #ccc; padding: 10px;">
                         <div class="titulos_rep">Whatsapp</div> 
                        <div class="numeros_rep"><?php echo $whatsapp; ?></div>
                    </td>
                    <td align="center" style="border: 1px solid #ccc; padding: 10px;">
                         <div class="titulos_rep">Visita Medica</div>
                        <div class="numeros_rep"><?php echo $visitamedica; ?></div>
                    </td>
                </tr>
            </table>
            </div>
            
        </div>
          
        
        
        
        
        
        
        
        
        
        <!-- PAGINA -->
        <!-- PAGINA -->
        <div class="pagina">

            <!-- INSCRITOS -->
            <div style="background-color: #ffffff; margin-bottom: 15px; padding-top: 80px;">   
                <div style="padding: 15px 40px">
                <table width="100%">
                    <tr>
                        <td colspan="2" style="padding-bottom: 20px;">
                                <H4 align="center" style="margin-bottom: 30px">INSCRITOS POR ESPECIALIDADES</H4>
                                <p style="font-size: 20px">Número de inscritos para el evento por especialidad.</p>
                        </td>
                    </tr>

                    <?php
                    $queryCompletos = mysqli_query($connect,"SELECT * FROM Asistentes WHERE acepto = 'on' ");
                    $queryEspecialidad = mysqli_query($connect,"SELECT COUNT(id), especialidad FROM Asistentes WHERE acepto = 'on' GROUP BY especialidad ORDER BY COUNT(id)DESC  ");
                    while($dataEspecialidad = mysqli_fetch_array($queryEspecialidad)){

                        $txt_especialidad = '';
                        foreach($Lista_Especialidad as $especial){
                            if($especial[0] == $dataEspecialidad["especialidad"]){
                                $txt_especialidad = $especial[1];
                            }
                        }

                        $total = $queryCompletos->num_rows;
                        $porcenje_barra = 0;
                        $cantida = $dataEspecialidad["COUNT(id)"];

                        $porcenje_barra = ($cantida*100) /  $total;
                        $porcenje_barra = round($porcenje_barra);

                        echo '
                        <tr>
                            <td width="33%" align="left">
                                <div class="titulos_rep">
                                '.$txt_especialidad.'
                                </div>
                            </td>
                            <td align="left">
                                <div style="background-color: #f1f1f1;"">
                                    <div style="background-color: #38c1ff; width:'.$porcenje_barra.'%; padding: 4px;     font-weight: bold;">'.$porcenje_barra.'%</div>
                                </div>
                                <div align="right" style="margin-bottom: 10px; margin-right: 10px;"><b>'.$dataEspecialidad["COUNT(id)"].'</b></div> 
                            </td>
                        </tr>
                        ';
                    }
                    ?>
                </table>
                </div>
            </div>
        </div>
        
        
        <!-- PAGINA -->
        <!-- PAGINA -->
        <div class="pagina">  
            <!-- MEDIOS -->
            <div style="background-color: #ffffff; margin-bottom: 15px; margin-top: 80px">   
                <div style="padding: 15px 30px; border: 1px solid #e6e6e6;">
                <table width="100%">
                    <tr>
                        <td colspan="2" style="padding-bottom: 20px;">
                                <H4>POR PAÍS</H4>
                                <p style="font-size: 20px">Número de personas registradas por país.</p>
                        </td>
                    </tr>

                    <?php
                    $queryCompletos = mysqli_query($connect,"SELECT * FROM Asistentes WHERE acepto = 'on' ");
                    $queryEspecialidad = mysqli_query($connect,"SELECT COUNT(id), pais FROM Asistentes WHERE acepto = 'on' GROUP BY pais ORDER BY COUNT(id)DESC  ");
                    while($dataEspecialidad = mysqli_fetch_array($queryEspecialidad)){

                        $txt_especialidad = '';
                        foreach($Lista_pais as $especial){
                            if($especial[0] == $dataEspecialidad["pais"]){
                                $txt_especialidad = $especial[1];
                            }
                        }

                        $total = $queryCompletos->num_rows;
                        $porcenje_barra = 0;
                        $cantida = $dataEspecialidad["COUNT(id)"];

                        $porcenje_barra = ($cantida*100) /  $total;
                        $porcenje_barra = round($porcenje_barra);

                        echo '
                        <tr>
                            <td width="33%" align="left">
                                <div class="titulos_rep" style="text-transform: uppercase;">
                                '.$txt_especialidad.'
                                </div>
                            </td>
                            <td align="left">
                                <div style="background-color: #f1f1f1;"">
                                    <div style="background-color: #38c1ff; width:'.$porcenje_barra.'%; padding: 4px;     font-weight: bold;">'.$porcenje_barra.'%</div>
                                </div>
                                <div align="right" style="margin-bottom: 10px; margin-right: 10px;"><b>'.$dataEspecialidad["COUNT(id)"].'</b></div> 
                            </td>
                        </tr>
                        ';
                    }
                    ?>
                </table>
                </div>
            </div>


            <!-- MEDIOS -->
            <div style="background-color: #ffffff; margin-bottom: 15px; border: 1px solid #e6e6e6; margin-top: 40px">   
                <div style="padding: 15px 40px">
                <table width="100%">
                    <tr>
                        <td colspan="2" style=" padding-bottom: 20px">
                                <H4>POR CIUDAD</H4>
                                <p style="font-size: 20px">Personas registradas por ciudad.</p>
                        </td>
                    </tr>

                    <?php
                    $count = 1;
                    $porcentajes = 0;
                    $otros = 0;
                    $queryCompletos = mysqli_query($connect,"SELECT * FROM Asistentes WHERE acepto = 'on' ");
                    $queryEspecialidad = mysqli_query($connect,"SELECT COUNT(id), ciudad FROM Asistentes WHERE acepto = 'on' GROUP BY ciudad ORDER BY COUNT(id)DESC  ");
                    while($dataEspecialidad = mysqli_fetch_array($queryEspecialidad)){

                        $total = $queryCompletos->num_rows;
                        $porcenje_barra = 0;
                        $cantida = $dataEspecialidad["COUNT(id)"];

                        $porcenje_barra = ($cantida*100) /  $total;
                        $porcenje_barra = round($porcenje_barra);

                        if($count <= 10){
                            echo '
                            <tr>
                                <td width="33%" align="left">
                                    <div class="titulos_rep" style="text-transform: uppercase;">
                                    '.$dataEspecialidad["ciudad"].'
                                    </div>
                                </td>
                                <td align="left">
                                    <div style="background-color: #f1f1f1;"">
                                        <div style="background-color: #38c1ff; width:'.$porcenje_barra.'%; padding: 4px;     font-weight: bold;">'.$porcenje_barra.'%</div>
                                    </div>
                                    <div align="right" style="margin-bottom: 10px; margin-right: 10px;"><b>'.$dataEspecialidad["COUNT(id)"].'</b></div> 
                                </td>
                            </tr>
                            ';
                        }

                        else{
                            $porcentajes += $porcenje_barra;
                            $otros += $dataEspecialidad["COUNT(id)"];
                        }

                        $count++;

                    }
                    ?>

                    <tr>
                            <td width="33%" align="left">
                                <div class="titulos_rep" >
                                    OTROS
                                </div>
                            </td>
                            <td align="left">
                                <div style="background-color: #f1f1f1;">
                                    <div style="background-color: #38c1ff; width: <?php echo $porcentajes; ?>%; padding: 4px;font-weight: bold;">
                                          <?php echo $porcentajes; ?>%
                                    </div>
                                </div>
                                <div align="right" style="margin-bottom: 10px; margin-right: 10px;"><b><?php echo $otros; ?></b></div> 
                            </td>
                    </tr>


                </table>
                </div>
            </div>
            
        </div>
          
        
        
        
        
        
        
        
        
        
        <!-- PAGINA -->
        <!-- PAGINA -->
        <div class="pagina">

            <!-- ANALITICAS -->
            <div style="background-color: #ffffff; margin-bottom: 15px; margin-top: 100px ">   
                <div style="padding: 15px 40px">
                    <H4 align="center" style="margin-bottom: 60px">ANALÍTICA DETALLADA DEL EVENTO</H4>


                    <table width="100%">
                        <tr>
                            <td width="33%">

                                <h5 align="center">Interacciones plataforma</h5>
                                <table width="100%" style="background-color: #28a745; color: #ffffff;">
                                  <tr>
                                    <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                      <i class="fa fa-sitemap btn-left" style=" font-size: 60px "></i>
                                    </td>
                                    <td align="center">
                                        <div class="numero_grande"><?php echo $total_dia; ?></div>
                                        <div class="leyenda">No. interacciones totales en los días del evento</div>
                                    </td>
                                  </tr>
                                </table>

                            </td>
                            <td width="33%">

                                <h5 align="center">Interacciones en Vivo</h5>
                                <table width="100%" style="background-color: #f44336; color: #ffffff;">
                                  <tr>
                                    <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                      <i class="fa fa-bell btn-left" style=" font-size: 60px "></i>
                                    </td>
                                    <td align="center">
                                        <div class="numero_grande"><?php echo $total_live; ?></div>
                                        <div class="leyenda">No. de interacciones totales en los eventos en vivo.</div>
                                    </td>
                                  </tr>
                                </table>

                            </td>
                            <td >

                                <h5 align="center">Asistentes Totales en Vivo</h5>
                                <table width="100%" style="background-color: #673AB7; color: #ffffff;">
                                  <tr>
                                    <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                      <i class="fa fa-shopping-bag btn-left" style=" font-size: 60px "></i>
                                    </td>
                                    <td align="center">
                                        <div class="numero_grande"><?php echo count($dia_1)+count($dia_2); ?></div>
                                        <div class="leyenda">No. de personas que asistieron a los en vivo</div>
                                    </td>
                                  </tr>
                                </table>

                            </td>
                        </tr>
                    </table>


                    <table width="100%" style="margin-top: 100px">
 
                        <tr>

                            <td>

                                <h5 align="center">Día 1 - 6 de Noviembre</h5>
                                <table width="100%" style="background-color: #009688; color: #ffffff;">
                                  <tr>
                                    <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                      <i class="fa fa-users btn-left" style=" font-size: 60px "></i>
                                    </td>
                                    <td align="center">
                                        <div class="numero_grande"><?php echo count($dia_1); ?></div>
                                        <div class="leyenda">No. personas que asistieron al en vivo del día 1</div>
                                    </td>


                                  </tr>
                                </table>

                            </td>

                            <td>

                                <h5 align="center">Día 2 - 7 de Noviembre</h5>
                                <table width="100%" style="background-color: #FF9800; color: #ffffff;">
                                  <tr>
                                    <td width="100" style="padding: 15px; background-color: rgba(0,0,0,0.2);">
                                      <i class="fa fa-users btn-left" style=" font-size: 60px "></i>
                                    </td>
                                    <td align="center">
                                          <div class="numero_grande"><?php echo count($dia_2); ?></div>
                                        <div class="leyenda">No. personas que asistieron al en vivo del día 2</div>
                                    </td>


                                  </tr>
                                </table>

                            </td>
                        </tr>

                    </table>
                
                </div>

                
            </div>
        </div>
        
        
        
        <style>
            h4{
                font-weight: bold;
            }
            .titulos_rep{
                font-size: 20px;
                    
                    
            }
            .datos_rep{
                    font-weight: bold;
                    text-transform: uppercase;
            }
            .numeros_rep{
                font-weight: bold;
                font-size: 50px; 
                color: #424242;
            }
            .num_detalle_rep{
                font-size: 40px;
            }
            .textos_internos{
                font-size: 12px;
            }
        </style>
        
        
    </div>
    
    



    
    
    
    
    
    
    
    
    
            
    
    
    
    
    
    
    
    
    
    
    
    
    


	
</div>






















<style>
.col-md-4{
	margin-bottom:15px
}

.col-md-6{
	margin-bottom:15px
}

.btn-primary_blue{
	color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}

</style>

<?php
$arrayFechas = array();
$arraycantidad = array();
$querySol = mysqli_query($connect,"SELECT COUNT(id),update_at FROM Asistentes WHERE acepto = 'on' GROUP BY DAYOFMONTH(update_at) ORDER BY update_at ASC  ");
while($dataSol = mysqli_fetch_array($querySol)){
    
    $fh = explode(" ", $dataSol["update_at"]);
	array_push($arrayFechas, $fh );
	array_push($arraycantidad, $dataSol["COUNT(id)"] );

}

?>

<script>
	var MONTHS = <?php echo json_encode($arrayFechas) ?>;
	var config = {
			type: 'line',
			data: {
				labels: MONTHS,
				datasets: [{
					label: 'Registros Días',
					backgroundColor: "#03A9F4",
					borderColor: "#035da5",
					data: <?php echo json_encode($arraycantidad) ?>,
					fill: false,
				}]
			},
			options: {
				responsive: true,
				title: {
					display: true,
					text: 'Registrados'
				},
				tooltips: {
					mode: 'index',
					intersect: false,
				},
				hover: {
					mode: 'nearest',
					intersect: true
				},
				scales: {
					x: {
						display: true,
						scaleLabel: {
							display: true,
							labelString: 'Month'
						}
					},
					y: {
						display: true,
						scaleLabel: {
							display: true,
							labelString: 'Value'
						}
					}
				}
			}
	};

	window.onload = function() {
		var ctx = document.getElementById('canvas').getContext('2d');
		window.myLine = new Chart(ctx, config);
	};

</script>




