eaiovnaovbqoebvqoeavibavo
$(document).ready(function(){
    $("#id_encargadoE").select2(); 
    var form = document.getElementById("form_alumno"); 
    form.addEventListener('submit', function (event) {
        if (!form.checkValidity()) {
        event.preventDefault();
        event.stopPropagation();
        }else{
            enviar_alumno();
        }  
        form.classList.add('was-validated');      
    }, false);

    $("#existente").hide();
});
var num_encargado=0;
function agregarT(){
    var i=num_encargado;
    var id_telefono=0;
    $("#telefonos"+i).find("input").each(function(){
        id_telefono++;
    });
    $("#telefonos"+i).append(
        '<div class="col-11" id="divT1'+ id_telefono +'">'+
        '<label for="telefono'+ i+id_telefono +'" class="mt-3">Telefono: '+ (id_telefono+1) +'</label>'+
        '<div class="icono">'+
            '<i class="fas fa-phone-square-alt"></i>'+
            '<input required type="text" name="telefono'+ i+id_telefono +'" id="telefono'+ i+id_telefono +'" class="form-control ps-5 mt-3" placeholder="Ingrese el telefono">'+
            '<div class="invalid-feedback">'+
                'Complete este campo'+
            '</div>'+
        '</div>'+
        '</div>'+
        '<div class="col-1" id="divT2'+ id_telefono +'">'+
        '<br><br><button type="button" onclick="eliminarT('+ id_telefono +')" class="btn btn-warning" style="padding:0px !important"><i class="fa-solid fa-trash"></i></button>'+
        '</div>'
    );
}

function agregarC(){
    var i = num_encargado;
    var id_correo=0;
    $("#correos"+i).find("input").each(function(){
        id_correo++;
    });
    $("#correos"+i).append(
        '<div class="col-11" id="divC1'+ id_correo +'">'+
        '<label for="correo'+ i+id_correo +'" class="mt-3">Correo: '+ (id_correo+1) +'</label>'+
        '<div class="icono">'+
        '<i class="fas fa-at"></i>'+
        '<input required type="email" name="correo'+ i+id_correo +'" id="correo'+ i+id_correo +'" class="form-control ps-5 mt-3" placeholder="Ingrese el correo">'+
        '<div class="invalid-feedback">'+
            'Complete este campo'+
        '</div>'+
        '</div>'+
        '</div>'+
        '<div class="col-1" id="divC2'+ id_correo +'">'+
            '<br><br><button type="button" onclick="eliminarC('+ id_correo +')" class="btn btn-warning" style="padding:0px !important"><i class="fa-solid fa-trash"></i></button>'+
        '</div>'
    );
}

function eliminarT(t){
    $("#divT1"+t).remove();
    $("#divT2"+t).remove();
}


function eliminarC(c){
    $("#divC1"+c).remove();
    $("#divC2"+c).remove();
}

function agregarEncargado(){
    num_encargado++;
    var i = num_encargado;
    $("#form_alumno").append(
        '<fieldset  class="border p-2 mt-4" style="position:relative; border: solid 1px gray !important; border-radius: 5px">'+
                '<legend style="font-size: 1.2rem;">Datos del(los) encargado(s)</legend>                '+
                '<hr style="z-index: 1;">'+
                    '<button type="button" onclick="" class="btn btn-secondary p-0" style="position: absolute;right:10px;top:-20px;outline:3px solid #fff;">'+
                        '<i class="fa-solid fa-plus"></i>'+
                    '</button>  '+
                '<div class="row" id="content_encargado">'+
                  '<div class="col-md-12">'+
                  '<label for="nombreP'+ i +'" class="mt-3">Nombre encargado:</label>'+
                '<div class="icono">'+
                        '<i class="fas fa-signature"></i>                '+
                        '<input type="text" name="nombreP'+ i +'" id="nombreP'+ i +'" class="form-control ps-5 mt-3" placeholder="Ingrese el nombre" required>                    '+
                    '</div>'+
                '<label for="direccion'+ i +'" class="mt-3">Dirección encargado:</label>'+
                    '<div class="icono">'+
                        '<i class="fas fa-map-marker-alt"></i>'+
                        '<input type="text" name="direccion'+ i +'" id="direccion'+ i +'" class="form-control ps-5 mt-3" placeholder="Ingrese la dirección" required>                    '+
                    '</div>'+
                '<label for="parentesco'+ i +'" class="mt-3">Parentesco:</label>'+
                    '<div class="icono">'+
                        '<i class="fas fa-street-view"></i>'+
                        '<select name="parentesco'+ i +'" id="parentesco'+ i +'" class="ps-5 mt-3 form-control" required>'+
                          '<option value="" disabled selected hidden>Seleccione el parentesco</option>'+
                          '<option value="Madre">Madre</option>'+
                          '<option value="Padre">Padre</option>'+
                          '<option value="Hermano">Hermano</option>'+
                          '<option value="Hermana">Hermana</option>'+
                          '<option value="Tío">Tío</option>'+
                          '<option value="Tía">Tía</option>'+
                          '<option value="Abuelo">Abuelo</option>'+
                          '<option value="Abuela">Abuela</option>'+
                          '<option value="Primo">Primo</option>'+
                          '<option value="Prima">Prima</option>'+
                          '<option value="Madre">Madrastra</option>'+
                          '<option value="Madre">Padrastro</option>'+
                          '<option value="Patrocinador">Patrocinador</option>'+
                        '</select>'+
                    '</div>'+
                    '<fieldset  class="border p-2 mt-4" style="position:relative; border: solid 1px green !important; border-radius: 5px">'+
                      '<legend style="font-size: 1.2rem;">Telefonos encargado</legend>                '+
                      '<hr style="z-index: 1;">'+
                          '<button type="button" onclick="agregarT()" class="btn btn-success p-0" style="position: absolute;right:10px;top:-20px;outline:3px solid #fff;">'+
                              '<i class="fa-solid fa-plus"></i>'+
                          '</button>  '+
                      '<div class="row" id="telefonos'+ i +'">'+
                      '<div class="col-12">'+
                        '<label for="telefono'+ i +'0" class="mt-3">Telefono:1</label>'+
                        '<div class="icono">'+
                            '<i class="fas fa-phone-square-alt"></i>'+
                            '<input required type="text" name="telefono'+ i +'0" id="telefono'+ i +'0" class="form-control ps-5 mt-3" placeholder="Ingrese el telefono">'+
                        '</div>'+
                      '</div>'+
                      '</div>'+
                  '</fieldset> '+
                  '<fieldset class="border p-2 mt-4" style="position:relative; border: solid 1px blue !important; border-radius: 5px">'+
                      '<legend style="font-size: 1.2rem;">Correos encargado</legend>                '+
                      '<hr style="z-index: 1;">'+
                          '<button type="button" onclick="agregarC()" class="btn btn-primary p-0" style="position: absolute;right:10px;top:-20px;outline:3px solid #fff;">'+
                              '<i class="fa-solid fa-plus"></i>'+
                          '</button>  '+
                          '<div class="row" id="correos'+ i +'">'+
                          '<div class="col-12">'+
                            '<label for="correo'+ i +'0" class="mt-3">Correo: 1</label>'+
                            '<div class="icono">'+
                            '<i class="fas fa-at"></i>'+
                            '<input required type="email" name="correo'+ i +'0" id="correo'+ i +'0" class="form-control ps-5 mt-3" placeholder="Ingrese el correo">'+
                            '</div>'+
                          '</div>'+
                          '</div>'+
                  '</fieldset>'+
                  '</div>'+
                '</div>'+
            '</fieldset>'
    );
}


function enviar_alumno(){
   
    var formData= new FormData(document.getElementById('form_alumno'));
    formData.append('cant_encargado',num_encargado);    
        $('#loading-screen').css('display','block');
        $.ajax({
            type: "POST",
            url: "https://juliojodi.com/CEGSystem/Insertar/inscripcionPI",
            data: formData,
            cache: false,
            contentType: false,
            processData: false
            
        }).done(function(response){
                //console.log(response);
                //var mensaje =JSON.parse(response);
                var carnet = JSON.parse(response);
                $('#loading-screen').css('display','none');
                swal({
                    icon: 'success',
                    title: 'Atención',
                    text: '¡Se ha registrado correctamente!',
                }).then(function () {	        
                    swal({
                        title: "¿Desea imprimir?",
                        text: "Esta a punto de imprimir",
                        icon: "info",
                        buttons: {
                            confirm : {text:'Si ',className:'sweet-info'},
                            cancel : 'Cancelar'
                        },
                        dangerMode: false
                      })
                      .then((willDelete) => {
                        if (willDelete) {
                            window.open('https://juliojodi.com/CEGSystem/Reporte_inscripcion/alumno/'+carnet,"_blank");
                            window.location.href='https://juliojodi.com/CEGSystem/Page/alumnos';
                        } else {
                            window.location.href='https://juliojodi.com/CEGSystem/Page/alumnos';
                        }
                      }); 					
                });  
        });   
}

function mostrar(){
    var check = document.getElementById("checkPadre").checked;
    if(check){
        $("#existente").show();
        $("#noExistente").hide();
        $('#nombreP0').removeAttr("required");
        $('#direccion0').removeAttr("required");
        $('#parentesco0').removeAttr("required");
        $('#telefono00').removeAttr("required");
        $('#correo00').removeAttr("required");
    }else{
        $("#existente").hide();
        $("#noExistente").show();
        $('#nombreP0').prop("required", true);
        $('#direccion0').prop("required", true);
        $('#parentesco0').prop("required", true);
        $('#telefono00').prop("required", true);
        $('#correo00').prop("required", true);
    }
}