// Define la función globalmente adjuntándola al objeto window
window.insertEmpleadoTable = async function () {
  try {
    const response = await axios.get(`acciones/getUltimoEmpleado.php`);
    if (response.status === 200) {
      const infoEmpleado = response.data; // Obtener los datos del empleado desde la respuesta
      let tableBody = document.querySelector("#table_empleados tbody");

      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>${infoResumen.codigo}</td>
        <td>${infoResumen.area_tematica}</td>
        <td>${infoResumen.titulo}</td>
        <td>${infoResumen.nombre_corresponsal}</td>
        <td>${infoResumen.evaluador1}</td>
        <td>${infoResumen.evaluador2}</td>
        <td>${infoResumen.evaluador3}</td>
        
          <td>
          <img class="rounded-circle" src="acciones/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>
      `;

      // Insertar el nuevo elemento al final de la tabla
      tableBody.appendChild(tr);
    }
  } catch (error) {
    console.error("Error al obtener la información del empleado", error);
  }
};
