eaiovnaovbqoebvqoeavibavo
let tabla;
$(document).ready(function(){
    cargarDatos();
})

function cargarDatos(){
  $('#loading-screen').css('display','block');
  var formData = new FormData();
  let anio = document.getElementById("anio").value;
  formData.append("anio", anio);
  $.ajax({
    type: "POST",
    url: "https://juliojodi.com/CEGSystem/Page/datosAlumno",
    data: formData,
    cache: false,
    contentType: false,
    processData: false,
  }).then((res) => {
    const datos = JSON.parse(res);
    $("#cuerpo").empty();
    $("#cuerpo").append(`<div class="table-responsive mt-3">
    <table class="table mt-4 table-striped" id="myTable3" style="font-size: 0.7rem">
        <thead>
            <tr>
                <th>Carnet</th>
                <th>nombre</th>
                <th>fecha nac</th>
                <th>Solvente</th>
                <th>genero</th>
                <th>plan</th>
                <th>Gsuite</th>
                <th>Grado</th>
                <th>Fecha Insc</th>
                <th>Nombre Padres</th>
                <th>Telefonos Padres</th>
                <th>Correos Padres</th>
                <th>Dirección</th>
                
            </tr>
        </thead><tbody id="cuerpoTabla"></tbody>`);
        datos.forEach(alumno => {
      $("#cuerpoTabla").append(`
      <tr>
        <td>${alumno.carnet}</td>
        <td>${alumno.nombres}, ${alumno.apellidos}</td>
        <td>${alumno.fecha_nac}</td>
        <td>${alumno.solvente4}</td>
        <td>${alumno.genero}</td>
        <td>${alumno.plan}</td>
        <td>${alumno.gsuite}</td>
        <td>${alumno.nombre_corto}</td>
        <td>${alumno.fecha_inscripcion}</td>
        <td>${alumno.nombresP}</td>
        <td>${alumno.telefonosP}</td>
        <td>${alumno.correosP}</td>
        <td>${alumno.direccionP}</td>
      </tr>
      `);
    });
    let tabla = $('#myTable3').DataTable({
      "language": {
          "paginate": {
            "previous": "Anterior",
            "next":"Siguiente"
          },
          "lengthMenu": "Mostrar _MENU_ entradas",
          "zeroRecords": "No hay ningun registro",
          "info": "Mostrando _PAGE_ de _PAGES_",
          "infoEmpty": "No hay ningun registro",
          "search":"Buscar"
        },
        "order": [[8, "desc"]]
        ,
        dom: 'Bfrtip',
        buttons: [
          'copy', 'csv', 'excel', 'pdf'
        ]
  });
  $('#loading-screen').css('display','none');
  })
}