var oTable = $('#table_gestion').DataTable({
    "language": {
        "sProcessing":     "Procesando...",
        "sLengthMenu":     "Mostrar _MENU_ registros",
        "sZeroRecords":    "No se encontraron resultados",
        "sEmptyTable":     "No existen registros creados",
        "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
        "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
        "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
        "sInfoPostFix":    "",
        "sSearch":         "Buscar:",
        "sUrl":            "",
        "sInfoThousands":  ",",
        "sLoadingRecords": "Cargando...",
        "oPaginate": {
            "sFirst":    "Primero",
            "sLast":     "Último",
            "sNext":     "Siguiente",
            "sPrevious": "Anterior"
        },
        "oAria": {
            "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
            "sSortDescending": ": Activar para ordenar la columna de manera descendente"
        }
    },
    processing: true,
    serverSide: true,
    destroy: true,
    responsive:true,
    ajax:{
        url: urlData,
        method: 'POST',
        error: function(error){
            console.log(error);
        }
    },
    columns:[
        {
            data:'periodo',
            name:'periodo.nombre',
            "searchable": true
        },
        {
            data:'codigo',
            name:'curso.codigo',
            "searchable": true
        },
        {
            data:'curso',
            name:'curso.nombre',
            "searchable": true
        },
        {
            data:'creditos',
            name:'curso.creditos',
            "searchable": false
        },
        {
            data:'estado',
            name:'estado',
            "searchable": false
        },
        {
            data:'nota_final',
            name:'alumno_seccion.nota_final',
            "searchable": false
        },
        {
            data:'id',
            name:'alumno_seccion.id',
            "searchable": false,
            render: function(data,type,row){
                return '<td>'
                    + '<button class="btn btn-outline btn-circle btn-sm green-dark detalle" data-id="' + data + '">'
                    + '<i class="fa fa-hand-pointer-o"></i> Ver Detalle '
                    + '</button></td>';
            }
        }
    ],
    "pageLength": 15,
    "columnDefs": [
        { // set default column settings
            'orderable': false,
            'targets': [0]
        }, {
            "searchable": true,
            "targets": [0]
        }
    ],
    "bInfo": false,
    "bLengthChange": false,
    "ordering": false,
    "bFilter": false
});

$('#table_gestion').on('click','.detalle', function () {
    var aux = $(this);
    var id = aux.data('id');
    aux.prop('disabled', true);
    aux.blur();
    $.ajax({
        url: urlBase + "/curso/" + id,
        type: 'GET',
        cache: false,
        success: function (result) {
            $('.modal-content').html(result);
            $('#periodo_modal').modal({
                show: true
            });
        },
        complete: function () {
            aux.removeAttr("disabled");
            aux.prop('disabled', false);
        }
    });
    return false;
});

