window.insertEmpleadoTable = async function () {
  try {
    const response = await axios.get(`acciones_evaluador/getUltimoEmpleado.php`);
    
    if (response.status === 200) {
      const infoEmpleado = response.data;
      
      // Verificar datos recibidos
      console.log("Datos del empleado:", infoEmpleado);

      let tableBody = document.querySelector("#table_empleados tbody");
      
      if (!tableBody) {
        console.error("No se encontró el cuerpo de la tabla #table_empleados tbody.");
        return;
      }

      let tr = document.createElement("tr");
      tr.id = `empleado_${infoEmpleado.id}`;
      tr.innerHTML = `
        <th class="dt-type-numeric sorting_1" scope="row">${infoEmpleado.id}</th>
        <td>${infoEmpleado.nombre}</td>
         <td>${infoEmpleado.tipousuario}</td>
        <td>${infoEmpleado.activo}</td>
        <td>
          <img class="rounded-circle" src="acciones_evaluador/fotos_empleados/${infoEmpleado.avatar || "sin-foto.jpg"}" 
               alt="${infoEmpleado.nombre}" width="50" height="50">
        </td>
        <td>
          <a title="Ver detalles del empleado" href="#" onclick="verDetallesEmpleado(${infoEmpleado.id})" 
             class="btn btn-success"><i class="bi bi-binoculars"></i></a>
          <a title="Editar datos del empleado" href="#" onclick="editarEmpleado(${infoEmpleado.id})" 
             class="btn btn-warning"><i class="bi bi-pencil-square"></i></a>
          <a title="Eliminar datos del empleado" href="#" onclick="eliminarEmpleado(${infoEmpleado.id}, '${infoEmpleado.avatar || ""}')" 
             class="btn btn-danger"><i class="bi bi-trash"></i></a>
        </td>
      `;

      tableBody.appendChild(tr);
    } else {
      console.error("Respuesta inesperada del servidor:", response.status);
    }
  } catch (error) {
    console.error("Error al obtener la información del empleado", error.response || error);
  }
};
