var array_status = [];
$('input[name="filtrosidebar-status"]:checked').each(function() {
    array_status.push($(this).val());
});
var new_array_status = array_status.join(',');

var array_categoria = [];
$('input[name="filtrosidebar-categoria"]:checked').each(function() {
    array_categoria.push($(this).val());
});
var new_array_categoria = array_categoria.join(',');

var colDefs = [
    { "data": "seleciona_talento", "name": "seleciona_talento", "title": ""},
    /* I added a label to the column for the field name which will show up in the card display */
    {
        data: "name", name: "name", title: "Nome Completo", visible: true,
        render: function (data, type, full, meta) { return  data; }
    },
    {
        data: "profile_photo_path", name: "profile_photo_path", title: "", visible: true,
        render: function (data, type, full, meta) { return '' +
            '<div class="row">'+
                '<div class="col-sm-6">' +
                    '<img class="rounded" alt="talento-img" src="../storage/'+data+'"style="width:100%;height:100%;object-fit: cover;border-radius: 10px;">'+
                '</div>'+
                '<div class="col-sm-6 small">' +
                    '<span><a href="talentos/info/'+full.id+'">Info</a></span><br>'+ 
                    '<span><a href="talentos/contratos/'+full.id+'">Contratos</a></span><br>' +
                    '<span><a href="talentos/composite/'+full.id+'">Composite</a></span><br>'+
                    '<span><a href="talentos/book/'+full.id+'">Book</a></span><br>'+
                    '<span><a href="talentos/video/'+full.id+'">Vídeo</a></span><br>'+
                    '<span><a href="talentos/documentos/'+full.id+'">Documentos</a></span><br>'+
                    '<span><a href="talentos/classificacao/'+full.id+'">Classificação</a></span><br>'+
                '</div>'+
            '</div>'+
        ''}
    },
    { "data": "created", "name": "created", "title": "Registrado em"},
    { "data": "status", "name": "status", "title": "Status"},
    { "data": "updated", "name": "updated", "title": "Atualizado em"},
];

function btnDisplayTable(tipo_view) {
    var new_tipo_view = $("#display-table").val(tipo_view);

    if (tipo_view == 'cartoes') {
        $("#carrTalentos").addClass('cards');
        $("#carrTalentos thead").addClass('d-none');

        // Foto Modelo
        table.column(2).visible(true);
        table.column(3).visible(false);
        table.column(4).visible(false);
        table.column(5).visible(false);
    } else if(tipo_view == 'lista') {
        $("#carrTalentos").removeClass('cards');
        $("#carrTalentos thead").removeClass('d-none');

        table.column(2).visible(false);
        table.column(3).visible(true);
        table.column(4).visible(true);
        table.column(5).visible(true);
    } else{

    }
}

function statusDisplayTable() {
    var new_tipo_view = $("#display-table").val();

    if (new_tipo_view == 'cartoes') {
        $("#carrTalentos").addClass('cards');
        $("#carrTalentos thead").addClass('d-none');

        // Foto Modelo
        table.column(2).visible(true);
        // Data de Cadastro
        table.column(3).visible(false);
        // Status
        table.column(4).visible(false);
        // Data de Atualização
        table.column(5).visible(false);
    } else if(new_tipo_view == 'lista') {
        $("#carrTalentos").removeClass('cards');
        $("#carrTalentos thead").removeClass('d-none');

        // Foto Modelo
        table.column(2).visible(false);
        // Data de Cadastro
        table.column(3).visible(true);
        // Status
        table.column(4).visible(true);
        // Data de Atualização
        table.column(5).visible(true);
    } else{

    }
}


var table = new DataTable('#carrTalentos', {
    processing: true,
    serverSide: true,
    order: [[3, 'desc']],

    ajax: {
        url: "