<?php

			include '../SQL/conexion.php';

			$lvl=$_GET["lvl"];
			$sql = "SELECT CV_CCT as Clave, ".($lvl=="Superior"?"MUNICIPIO":$lvl=="Media"?"MUNICIPIO":"C_NOM_MUN")." as Municipio, NOMBRECT as Institucion, COUNT(respuesta.id_respuesta) AS Respuestas FROM ".$lvl." LEFT JOIN respuesta ON CV_CCT = respuesta.clave_escuela GROUP BY CV_CCT, NOMBRECT;";
			$result = $conn->query($sql)
?>
					<!-- Content Row -->
					<div class="row">
						<div class="col-xl-12 col-lg-12">						
							<div class="card shadow mb-4">
								<!-- Card Header - Dropdown -->
								<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
									<h6 class="m-0 font-weight-bold text-primary">Tabla de participación del nivel <b><?php echo $_GET["lvl"]."</b> (".$result->num_rows." Instituciones)"; ?></h6>
								</div>
								<!-- Card Body -->
								<div class="card-body text-center">
									<div class="table-responsive">
										<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
											<tbody>
												<thead>
													<tr>
														<th>Clave</th>
														<th>Municipio</th>
														<th>Institución</th>
														<th>Respuestas</th>
													</tr>
												</thead>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
					
		<script>					

<?php

			if (!empty($result)){
				$myTData = "var myTData = [";
				$Counter=0;
				foreach ($result as $respuesta){
					$myTData .= "['".$respuesta["Clave"]."', '".$respuesta["Municipio"]."', '".$respuesta["Institucion"]."', ".$respuesta["Respuestas"]."]";
					if($Counter++ < $result->num_rows-1){
						$myTData .= ", ";
					}
			
				}
			
				$myTData .= "];";

				echo $myTData;
			}
			
?>
				
			// Call the dataTables jQuery plugin
			$(document).ready(function() {
				$('#dataTable').DataTable({
				"data": myTData,
				"lengthMenu": [ [25, 50, 75, 100, -1], [25, 50, 75, 100, "All"] ],
				"lengthChange": true,
				"pageLength": 25,
				"searching": true,
				"info": false,
				"paging": true,
				"order": [[ 3, "asc" ], [ 1, "asc" ], [ 2, "asc" ]]
				});
			});

		</script>
