$(document).ready(function(){
    $('#modalInsignias').on('show.bs.modal', function (event) {
        var btn = $(event.relatedTarget);
        var alumno_id = btn.data("alumno");
        $("#no-insignias").hide();
        $("#insignias-table").hide();

        while($('#atributo-list_ver tr').length > 1){
            $("#atributo-list_ver tr:last-child").remove();
        }
        
        $.ajax({
            url:  './action/insigniapersonal_select.php',
            type: 'POST', 
            dataType: 'json',
            data: { alumno: alumno_id},//alumno en php inicial
            success: function(result) {
                if(result["error"]!= "" &&  result["error"] !== undefined){
                    $("#errorBox").collapse('show');
                    $("#errorBox_text").html("Error al leer la insignia.<br>"+result["error"]);
                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                    $(this).modal("dispose");
                }else{

                    //borrar renglones, solo mantener 1
                    while($('#insignia-list tr').length > 1){
                        $("#insignia-list tr:last-child").remove();
                    }
                    if(result["insignias"] === undefined || result["insignias"].length == 0){
                        $("#no-insignias").show();
                        $("#insignias-table").hide();
                    }else{
                        $("#no-insignias").hide();
                        $("#insignias-table").show();
                        console.log(result);
                        if(result["insignias"].length >= 1){
                            //crear renglones adicionales
                            var rows = $("#insignia-list > tr").length;//cuenta renglones actuales
                            for(var i=0; i<(result["insignias"].length - rows); i++){
                                $("#insignia-list tr:first-child").clone().appendTo("#insignia-list");
                            }
                            //llenar información
                            $("#insignia-list tr").each(function(index) {
                                $(this).find('.insignia-titulo').text(result["insignias"][index]["titulo"]);
                                $(this).find('.insignia-tipo').css("color", result["insignias"][index]["tipo_color"]);
                                $(this).find('.insignia-tipo').attr("title", result["insignias"][index]["tipo"]);
                                $(this).find('.insignia-fechas').text(result["insignias"][index]["duracion"]);
                            });
                        }
                    }//tiene insignias
                }

            },
            error: function(jqXHR, textStatus, errorThrown ){
                $("#errorBox").collapse('show');
                $("#errorBox_text").html("Error al obtener los datos");
                $('#messageBox')[0].scrollIntoView({ block: "end" });
            }
        });//ajax
    });
});