// Define la función globalmente adjuntándola al objeto window
window.actualizarEmpleadoEdit = async function (idEmpleado) {
  try {
    const response = await axios.get(
      `acciones_evaluador/getEmpleado.php?id=${idEmpleado}`
    );
    if (response.status === 200) {
      const infoEmpleado = response.data; // Obtener los datos del empleado desde la respuesta

      let tr = document.querySelector(`#empleado_${idEmpleado}`);
      let tablaHTML = "";
      tablaHTML += `
          <tr id="empleado_${infoEmpleado.id}">
            <th class="dt-type-numeric sorting_1" scope="row">${
              infoEmpleado.id
            }</th>
            <td>${infoEmpleado.nombre}</td>
             <td>${infoEmpleado.tipousuario}</td>
             <td>${infoEmpleado.cant_trabajos}</td>
             <td>${infoEmpleado.Idioma}</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>
     
          </tr>
        `;

      // Actualizar el contenido HTML de la tabla
      tr.innerHTML = tablaHTML;
    }
  } catch (error) {
    console.error("Error al obtener la información del empleado", error);
  }
};
