<?php
session_start();

// Asegúrate de que el ID del evaluador esté en la sesión
$evaluador_id = isset($_SESSION['usuario']['id']) ? $_SESSION['usuario']['id'] : null;

if (!$evaluador_id) {
    header("Location: ../../index.php");
    exit; // Asegúrate de detener la ejecución del script después de redirigir
}
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inicio</title>
</head>
<body>
    <!-- Aquí podría ir tu contenido principal -->

    <script>
        // Asignar el ID del evaluador al script de JavaScript
        const evaluadorId = <?php echo json_encode($evaluador_id); ?>;
        console.log("ID del evaluador desde PHP:", evaluadorId); // Verifica si el ID se pasa correctamente
    </script>
</body>
</html>




<!DOCTYPE html>
<html lang="en"> <!--begin::Head-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Administrador | Dashboard v2</title><!--begin::Primary Meta Tags-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="title" content="AdminLTE | Dashboard v2">
    <meta name="author" content="ColorlibHQ">
    <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
    <meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"><!--end::Primary Meta Tags--><!--begin::Fonts-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css" integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css" integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)-->
    <link rel="stylesheet" href="../../dist/css/adminlte.css"><!--end::Required Plugin(AdminLTE)--><!-- apexcharts -->
	<link rel="stylesheet" href="../../dist/css/style.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="evaluadores/assets/js/verDetallesResumen.js"></script>
    <script src="evaluadores/assets/js/detallesEmpleado.js"></script>


</head>

<body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
  <?php
    include("config/config.php");
    include("resumenes/acciones/acciones.php");
	 include("evaluadores/acciones_evaluador/acciones_evaluador.php");

    $resumenes = obtenerResumenes($conexion);
    $totalResumenes = $resumenes->num_rows;
	$empleados = obtenerEmpleados($conexion);
    $totalEmpleados = $empleados->num_rows;
    ?>
    <div class="app-wrapper"> <!--begin::Header-->
        <nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
            <div class="container-fluid"> <!--begin::Start Navbar Links-->
                <ul class="navbar-nav">
                    <li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
                    <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Inicio</a> </li>
                    <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contacto</a> </li>
                </ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
                <ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
                    </li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
                    <li class="nav-item"> <a class="nav-link" href="#" data-lte-toggle="fullscreen"> <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i> <i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none;"></i> </a> </li> <!--end::Fullscreen Toggle--> <!--begin::User Menu Dropdown-->
                    <!-- Este código estará en el lugar donde deseas mostrar el avatar y nombre del evaluador activo -->

 
 <li class="nav-item dropdown user-menu"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <span class="d-none d-md-inline"> <div class="row" id="evaluadoresLogin"></div></span> </a>
                        <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
                  
                            <li class="user-footer"> <a href="#" class="btn btn-default btn-flat">Profile</a> <a href="#" class="btn btn-default btn-flat float-end">Sign out</a> </li> <!--end::Menu Footer-->
                        </ul>
                    </li> <!--end::User Menu Dropdown-->

                </ul> <!--end::End Navbar Links-->
            </div> <!--end::Container-->
        </nav> <!--end::Header--> <!--begin::Sidebar-->
        <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
            <div class="sidebar-brand"> <!--begin::Brand Link--> <a href="./index.php" class="brand-link"> <!--begin::Brand Image--> <img src="../../dist/assets/img/eventiox.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow"> <!--end::Brand Image--> <!--begin::Brand Text--> <span class="brand-text fw-light"></span> <!--end::Brand Text--> </a> <!--end::Brand Link--> </div> <!--end::Sidebar Brand--> <!--begin::Sidebar Wrapper-->
            <div class="sidebar-wrapper">
                <nav class="mt-2"> <!--begin::Sidebar Menu-->
                    <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
                        <li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
                                <p>
                                    Menu Principal
                                    <i class="nav-arrow bi bi-chevron-right"></i>
                                </p>
                            </a>
                               <ul class="nav nav-treeview">
							    <li class="nav-item"> <a href="index.php" class="nav-link active">  <i class="bi bi-house-door-fill"></i>
                                        <p>Inicio</p>
                                    </a> </li>
                                <li class="nav-item"> <a href="evaluadores/evaluadores.php" class="nav-link">  <i class="bi bi-person-bounding-box"></i>
                                        <p>Evaluadores</p>
                                    </a> </li>
                                <li class="nav-item"> <a href="resumenes/trabajos.php" class="nav-link">  <i class="bi bi-file-text"></i>
                                        <p>Resumenes</p>
                                    </a> </li>
                                <li class="nav-item"> <a href="./informe.php" class="nav-link" target="_blank"><i class="bi bi-file-bar-graph-fill"></i>
									
										<p>Informe</p>
									</a>
                                </li>
                                   <li class="nav-item">
									<a href="../../logout.php" class="nav-link" target="_blank">
										<i class="bi bi-x-circle-fill"></i>
										<p>Cerrar Sesión</p>
									</a>
                                </li>
                                

                            </ul>
                        </li>
                        
                    </ul> <!--end::Sidebar Menu-->
                </nav>
            </div> <!--end::Sidebar Wrapper-->
        </aside> <!--end::Sidebar--> <!--begin::App Main-->
        <main class="app-main"> <!--begin::App Content Header-->
            <div class="app-content-header"> <!--begin::Container-->
                <div class="container-fluid"> <!--begin::Row-->
                    <div class="row">
                        <div class="col-sm-6">
                            <h3 class="mb-0">Plataforma de Trabajos Cientificos 2025</h3>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-end">
                                <li class="breadcrumb-item"><a href="#">Inicio</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    Dashboard
                                </li>
                            </ol>
                        </div>
                    </div> <!--end::Row-->
                </div> <!--end::Container-->
            </div>
            <div class="app-content"> <!--begin::Container-->
                <div class="container-fluid"> <!-- Info boxes -->
				                   <div class="row"> <!--begin::Col-->
                        <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 1-->
                            <div class="small-box text-bg-primary">
                                <div class="inner">
                                    <h3>   <?php // Verificar si la consulta fue exitosa y si hay resultados
											if ($resumenes) {
												// Obtener el número total de filas
												$totalResumenes = $resumenes->num_rows;
												echo $totalResumenes;
											} else {
												// En caso de que la consulta no devuelva resultados
												echo "Error en la consulta o no hay resúmenes.";
											} ?></h3>
                                    <p>Total Resumenes</p>
                                </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                    <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z"/> </svg> <a href="./resumenes/trabajos.php" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                                    Ver mas <i class="bi bi-link-45deg"></i> </a>
                            </div> <!--end::Small Box Widget 1-->
                        </div> <!--end::Col-->
                        <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 2-->
                            <div class="small-box text-bg-success">
                                <div class="inner">
                                    <h3>  <?php // Verificar si la consulta fue exitosa y si hay resultados
											if ($empleados) {
												// Obtener el número total de filas
												$totalEmpleados = $empleados->num_rows;
												echo $totalEmpleados;
											} else {
												// En caso de que la consulta no devuelva resultados
												echo "Error en la consulta o no hay resúmenes.";
											} ?><sup class="fs-5"></sup></h3>
                                    <p>Evaluadores</p>
                                </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                <path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917zM8 8.46 1.758 5.965 8 3.052l6.242 2.913z"/>
  <path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466zm-.068 1.873.22-.748 3.496 1.311a.5.5 0 0 0 .352 0l3.496-1.311.22.748L8 12.46z"/>
 </svg> <a href="./evaluadores/evaluadores.php" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                                    Ver mas <i class="bi bi-link-45deg"></i> </a>
                            </div> <!--end::Small Box Widget 2-->
                        </div> <!--end::Col-->
                        <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 3-->
                            <div class="small-box text-bg-warning">
                                <div class="inner">
                                    <h3><?php include("evaluadores/graficos/cant_paises.php"); ?></h3>
                                    <p>Paises</p>
                                </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                    <path d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001"/>
                                    </svg> <a href="#" class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover">
                                    Ver mas <i class="bi bi-link-45deg"></i> </a>
                            </div> <!--end::Small Box Widget 3-->
                        </div> <!--end::Col-->
                        <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 4-->
                            <div class="small-box text-bg-danger">
                                <div class="inner">
                                    <h3><?php include("evaluadores/graficos/cant_autores.php"); ?></h3>
                                    <p>Autores</p>
                                </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                   <path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"/>

                                </svg> <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                                    Ver mas <i class="bi bi-link-45deg"></i> </a>
                            </div> <!--end::Small Box Widget 4-->
                        </div> <!--end::Col-->
                    </div> <!--end::Row--> 
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h5 class="card-title">Reporte Tipos de Competición en el Tiempo</h5>
                                    <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button>
                                        <div class="btn-group"> <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown"> <i class="bi bi-wrench"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-end" role="menu"> <a href="#" class="dropdown-item">Action</a> <a href="#" class="dropdown-item">Another action</a> <a href="#" class="dropdown-item">
                                                    Something else here
                                                </a> <a class="dropdown-divider"></a> <a href="#" class="dropdown-item">Separated link</a> </div>
                                        </div> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button>
                                    </div>
                                </div> <!-- /.card-header -->
                                <div class="card-body"> <!--begin::Row-->
                                    <div class="row">
                                        <div class="col-md-8">
                                                  <div class="card-body"> <!--begin::Row--><?php include("evaluadores/graficos/chart_fecha_competicion.php"); ?>  </div>
                                        </div> <!-- /.col -->
										  <div class="col-md-4">
                                              <?php include("evaluadores/graficos/barra_progreso.php"); ?>
									   </div>
                                    </div> <!--end::Row-->
                                </div> <!-- ./card-body -->
                             <?php include("evaluadores/graficos/cant_tipos.php"); ?>
                            </div> <!-- /.card -->
                        </div> <!-- /.col -->
                    </div> <!--end::Row--> <!--begin::Row-->
                    <div class="row"> <!-- Start col -->
                        <div class="col-md-8"> <!--begin::Row-->
                            <div class="row g-4 mb-4">
                                <div class="col-md-6"> <!-- DIRECT CHAT -->
                                    <div class="card direct-chat direct-chat-warning">
                                        <div class="card-header">
                                            <h3 class="card-title">Direct Chat</h3>
                                            <div class="card-tools"> <span title="3 New Messages" class="badge text-bg-warning">
                                                    6
                                                </span> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane"> <i class="bi bi-chat-text-fill"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
                                        </div> <!-- /.card-header -->
                                        <div class="card-body"> <!-- Conversations are loaded here -->
                                            <div class="direct-chat-messages"> <!-- Message. Default to the start -->
                                                <div class="direct-chat-msg">
                                                    <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
                                                            Miguel García
                                                        </span> <span class="direct-chat-timestamp float-end">
                                                            23 Jan 2:00 pm
                                                        </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
                                                    <div class="direct-chat-text">
                                                    ¡Hola, Ana! ¿Has tenido la oportunidad de revisar la nueva plataforma?

                                                    </div> <!-- /.direct-chat-text -->
                                                </div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
                                                <div class="direct-chat-msg end">
                                                    <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
                                                            Ana Vasquez
                                                        </span> <span class="direct-chat-timestamp float-start">
                                                            23 Jan 2:05 pm
                                                        </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
                                                    <div class="direct-chat-text">
                                                   ¡Sí! Está increíble. Me gusta mucho la interfaz, pero creo que aún hay algunos detalles por pulir.
                                                    </div> <!-- /.direct-chat-text -->
                                                </div> <!-- /.direct-chat-msg --> <!-- Message. Default to the start -->
                                                <div class="direct-chat-msg">
                                                    <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
                                                            Miguel García
                                                        </span> <span class="direct-chat-timestamp float-end">
                                                            23 Jan 5:37 pm
                                                        </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
                                                    <div class="direct-chat-text">
                                                    ¡Exacto! Creo que podrían mejorar la velocidad de carga, pero en general está bastante bien.

                                                    </div> <!-- /.direct-chat-text -->
                                                </div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
                                                <div class="direct-chat-msg end">
                                                    <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
                                                            Ana Vasquez
                                                        </span> <span class="direct-chat-timestamp float-start">
                                                            23 Jan 6:10 pm
                                                        </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
                                                    <div class="direct-chat-text">Sí, eso es cierto. Pero en general, va a ser una herramienta muy útil para todos nosotros.
                                                    </div> <!-- /.direct-chat-text -->
                                                </div> <!-- /.direct-chat-msg -->
												 <div class="direct-chat-msg">
                                                    <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
                                                            Miguel García
                                                        </span> <span class="direct-chat-timestamp float-end">
                                                            23 Jan 5:37 pm
                                                        </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
                                                    <div class="direct-chat-text">
                                                     ¡Totalmente! Creo que con una pequeña actualización, se convertirá en algo aún mejor.
                                                    </div> <!-- /.direct-chat-text -->
                                                </div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
                                                <div class="direct-chat-msg end">
                                                    <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
                                                            Ana Vasquez
                                                        </span> <span class="direct-chat-timestamp float-start">
                                                            23 Jan 6:10 pm
                                                        </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
                                                    <div class="direct-chat-text">Definitivamente. Ya me imagino todo lo que podremos hacer con esta plataforma.

                                                    </div> <!-- /.direct-chat-text -->
                                                </div> <!-- /.direct-chat-msg -->
                                            </div> <!-- /.direct-chat-messages--> <!-- Contacts are loaded here -->
                                          
                                        </div> <!-- /.card-body -->
                                        <div class="card-footer">
                                            <form action="#" method="post">
                                                <div class="input-group"> <input type="text" name="message" placeholder="Escribe tu Mensaje ..." class="form-control"> <span class="input-group-append"> <button type="button" class="btn btn-warning">
                                                            Enviar
                                                        </button> </span> </div>
                                            </form>
                                        </div> <!-- /.card-footer-->
                                    </div> <!-- /.direct-chat -->
                                    
<div class="card mt-3">
    <div class="card-header text-center">
        <h3 class="card-title">Cantidad de Resúmenes Activos/Inactivos</h3>
    </div>
    <div class="card-body">
        <!-- Contenido dinámico -->
        <?php include("evaluadores/graficos/cant_activos.php"); ?>
    </div>
</div>

                                </div> <!-- /.col -->
											<div class="col-md-6"> <!-- USERS LIST -->
												<div class="card">
													<div class="card-header">
														<h3 class="card-title">Evaluadores</h3>
														<div class="card-tools" style="position: absolute; right: 10px; top: 10px;">
															<span class="badge text-bg-danger">
																<?php 
																// Verificar si la consulta fue exitosa y si hay resultados
																if ($empleados) {
																	// Obtener el número total de filas
																	$totalEmpleados = $empleados->num_rows;
																	echo "Evaluadores: " . $totalEmpleados;
																} else {
																	// En caso de que la consulta no devuelva resultados
																	echo "Error en la consulta o no hay resúmenes.";
																}
																?>
															</span>
															<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
																<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
																<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
															</button>
															<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
																<i class="bi bi-x-lg"></i>
															</button>
														</div>
													</div>
													<div class="card-body p-0">
													<body>
    <div class="container">
       
        <div class="row" id="evaluadoresList"></div>
    </div>

<!-- Modal de detalles del evaluador -->
<div class="modal fade" id="detalleEmpleadoModal" tabindex="-1" aria-labelledby="detalleEmpleadoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header border-bottom-0">
                <h5 class="modal-title" id="detalleEmpleadoModalLabel">Detalles del Evaluador</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- Aquí es donde se carga dinámicamente el contenido -->
                <div id="modalContenido">
                    <!-- La información se insertará aquí -->
                </div>
                 <div id="detalleEmpleadoContenido">  </div>
            </div>
            <div class="modal-footer border-top-0">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  
</body>
													</div> <!-- /.card-body -->
												</div> <!-- /.card -->
											                              
										<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
								<!--		<script src="js/evaluadores.js"></script> -->
										
											<script src="evaluadores/assets/js/cargarEvaluadores.js"></script>


                                </div> <!-- /.col -->
                            </div> <!--end::Row--> <!--begin::Latest Order Widget-->
                           <?php include("evaluadores/graficos/resumenes.php"); ?>
                        </div> <!-- /.col -->
                        <div class="col-md-4"> <!-- Info Boxes Style 2 -->
                               <?php include("evaluadores/graficos/cant_idioma.php"); ?>
                            
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h3 class="card-title">Tipos de Competición</h3>
                                    <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
                                </div> <!-- /.card-header -->
                                <div class="card-body"> <!--begin::Row-->
                                    <div class="row">
                                        <div class="col-12">
                                          <?php include("evaluadores/graficos/pie_chart_competicion.php"); ?>
                                        </div> <!-- /.col -->
                                    </div> <!--end::Row-->
                                </div> <!-- /.card-body -->
                        
                            </div> <!-- /.card --> <!-- PRODUCT LIST -->
							 <div class="card mb-4">
                                <div class="card-header">
                                    <h3 class="card-title">Tipos de Presentación</h3>
                                    <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
                                </div> <!-- /.card-header -->
                                <div class="card-body"> <!--begin::Row-->
                                    <div class="row">
                                        <div class="col-12">
                                          <?php include("evaluadores/graficos/pie_chart_presentacion.php"); ?>
                                        </div> <!-- /.col -->
									
                                    </div> <!--end::Row-->
									
                                </div> <!-- /.card-body -->

                            </div> <!-- /.card --> <!-- PRODUCT LIST -->
                                                 
                        </div> <!-- /.col -->
						 <div id="grafico-container"> <?php include("evaluadores/graficos/mapa_paises.php"); ?> </div>
                    </div> <!--end::Row-->
                </div> <!--end::Container-->
            </div> <!--end::App Content-->
        </main> <!--end::App Main--> <!--begin::Footer-->
        <footer class="app-footer"> <!--begin::To the end-->
            <div class="float-end d-none d-sm-inline">Desarrollamos tu Evento</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
                Copyright &copy; 2014-2024&nbsp;
                <a href="https://adminlte.io" class="text-decoration-none">Eventiox</a>.
            </strong>
            All rights reserved.
            <!--end::Copyright-->
        </footer> <!--end::Footer-->
    </div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
    <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
    <script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
    

    <script>
        const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
        const Default = {
            scrollbarTheme: "os-theme-light",
            scrollbarAutoHide: "leave",
            scrollbarClickScroll: true,
        };
        document.addEventListener("DOMContentLoaded", function() {
            const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
            if (
                sidebarWrapper &&
                typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
            ) {
                OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
                    scrollbars: {
                        theme: Default.scrollbarTheme,
                        autoHide: Default.scrollbarAutoHide,
                        clickScroll: Default.scrollbarClickScroll,
                    },
                });
            }
        });
    </script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- apexcharts -->
    <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
    
</body><!--end::Body-->

</html>



