<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tabla de Empleados</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />

    <style>
        /* Fondo general */
        body {
            background-color: #f0f0f0;
        }
        .container {
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
        }
        /* Fondo oscuro y texto blanco para el encabezado */
        thead.table-dark th {
            background-color: #343a40 !important;
            color: #ffffff !important;
        }
        .btn_add {
            width: 100%;
            border: 1px solid #333 !important;
            background-color: #333 !important;
        }
        .btn-success {
            border: 1px solid #06c046 !important;
            background-color: #06c046 !important;
        }
    </style>
</head>
<body>


        <!-- Tabla responsive -->
        <div class="table-responsive">
            <table class="table table-hover table-bordered table-striped" id="table_empleados">
                <thead >
                    <tr>
                        <th scope="col" class="text-center">#</th>
                        <th scope="col" class="text-center">Nombre</th>
                        <th scope="col" class="text-center">Tipo Usuario</th>
                        <th scope="col" class="text-center">Resumenes a Cargo</th> 
                        <th scope="col" class="text-center">Idioma</th> 
                        <th scope="col" class="text-center">Avatar</th>
                        <th scope="col" class="text-center">Activo</th> 
                        <th scope="col" class="text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody id="empleadosBody">
                    <?php foreach ($empleados as $empleado) {
                        $tipoUsuarioTexto = '';
                        switch ($empleado['tipousuario']) {
                            case 'S':
                                $tipoUsuarioTexto = 'Super-Admin';
                                break;
                            case 'A':
                                $tipoUsuarioTexto = 'Administrador';
                                break;
                            case 'E':
                                $tipoUsuarioTexto = 'Evaluador';
                                break;
                            default:
                                $tipoUsuarioTexto = 'Desconocido';
                        }

                        $estadoActivo = $empleado['activo'] ? 'Activo' : 'Inactivo';
                        $colorEstado = $empleado['activo'] ? 'text-success' : 'text-danger';

                        // Obtener la cantidad de resúmenes asignados
                        $cantidadResumenes = obtenerResumenesAsignados($empleado['id']);
                    ?>
                        <tr class="empleado-row" data-cargo="<?php echo $tipoUsuarioTexto; ?>" 
                            data-idioma="<?php echo $empleado['Idioma']; ?>" 
                            data-estado="<?php echo $estadoActivo; ?>"
                            id="empleado_<?php echo $empleado['id']; ?>">
                            <th scope='row' class="text-center"><?php echo $empleado['id']; ?></th>
                            <td class="text-center"><?php echo $empleado['nombre']; ?></td>
                            <td class="text-center"><?php echo $tipoUsuarioTexto; ?></td>
                            <td class="text-center"><?php echo $cantidadResumenes; ?></td> <!-- Mostrar la cantidad de resúmenes -->
                            <td class="text-center"><?php echo $empleado['Idioma']; ?></td>
                            <td class="text-center">
                                <?php
                                $avatar = !empty($empleado['avatar']) ? "acciones_evaluador/fotos_empleados/" . $empleado['avatar'] : 'assets/imgs/sin-foto.jpg';
                                if (!file_exists($avatar)) {
                                    $avatar = 'assets/imgs/sin-foto.jpg';
                                }
                                ?>
                                <img class="rounded-circle" src="<?php echo $avatar; ?>" alt="<?php echo $empleado['nombre']; ?>" width="50" height="50">
                            </td>
                            <td class="text-center <?php echo $colorEstado; ?>"><?php echo $estadoActivo; ?></td> <!-- Estado de "Activo" -->
                            <td class="text-center">
                                <a title="Ver detalles del empleado" href="#" onclick="verDetallesEmpleado(<?php echo $empleado['id']; ?>)" class="btn btn-success">
                                    <i class="bi bi-binoculars"></i>
                                </a>
                                <a title="Editar datos del empleado" href="#" onclick="editarEmpleado(<?php echo $empleado['id']; ?>)" class="btn btn-warning">
                                    <i class="bi bi-pencil-square"></i>
                                </a>
                                <a title="Eliminar datos del empleado" href="#" onclick="eliminarEmpleado(<?php echo $empleado['id']; ?>, '<?php echo $empleado['avatar']; ?>')" class="btn btn-danger">
                                    <i class="bi bi-trash"></i>
                                </a>
                            </td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>
    </div>

    <!-- Bootstrap JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>


<?php
// Función para obtener el número de resúmenes asignados a un empleado
// Función para obtener la cantidad de resúmenes asignados a un empleado
function obtenerResumenesAsignados($empleadoId) {
    global $conexion; // Usar la conexión establecida

    // Consulta para contar la cantidad de resúmenes asignados a cada evaluador
    $sql = "
     SELECT COUNT(*) AS cantidad_resumenes
        FROM ttrabajo
        WHERE evaluador1 = '$empleadoId' 
        OR evaluador2 = '$empleadoId'
        OR evaluador3 = '$empleadoId'
    ";

    // Ejecutar la consulta
    $result = $conexion->query($sql);

    // Verificar si la consulta fue exitosa
    if ($result) {
        $cantidadResumenes = 0;
        while ($row = $result->fetch_assoc()) {
            $cantidadResumenes += $row['cantidad_resumenes'];
        }
        return $cantidadResumenes;
    } else {
        // Si hubo error en la consulta
        die("Error en la consulta: " . $conexion->error);
    }
}
?>

