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": ""},
    { "data": "id", "name": "id", "title": "ID do Talento"},
    { "data": "name", "name": "name", "title": "Nome Completo"},
    { "data": "profile_photo_path", "name": "profile_photo_path", "title": ""},
    { "data": "created", "name": "created", "title": "Registrado em"},
    { "data": "status", "name": "status", "title": "Status"},
    { "data": "updated", "name": "updated", "title": "Atualizado em"},
];

//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 '' +
//            '<span class="num-talento"># '+full.id+'</span>'+
//            '<span class="nome-talento">'+data+'</span>'+
//        ''}
//    },
//    {
//        data: "profile_photo_path", name: "profile_photo_path", title: "", visible: true,
//        render: function (data, type, full, meta) { return '' +
//            '<div class="row">'+
//                '<div class="col-6" data-img_cover="'+full.id+'">' +
//                    '<img class="rounded" alt="talento-img" src="../storage/'+data+'" style="width: 103px;height: 182px;border-radius: 10px;">'+
//                '</div>'+
//                '<div class="col-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(3).visible(true);
        table.column(4).visible(false);
        table.column(5).visible(false);
        table.column(6).visible(false);
    } else if(tipo_view == 'lista') {
        $("#carrTalentos").removeClass('cards');
        $("#carrTalentos thead").removeClass('d-none');

        table.column(3).visible(false);
        table.column(4).visible(true);
        table.column(5).visible(true);
        table.column(6).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(3).visible(true);
        // Data de Cadastro
        table.column(4).visible(false);
        // Status
        table.column(5).visible(false);
        // Data de Atualização
        table.column(6).visible(false);
    } else if(new_tipo_view == 'lista') {
        $("#carrTalentos").removeClass('cards');
        $("#carrTalentos thead").removeClass('d-none');

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

    }
}


var table = new DataTable('#carrTalentos', {
    processing: true,
    serverSide: true,
    order: [[1, 'desc']],
    lengthMenu: [
        [9, 27, 66, -1],
        [9, 27, 66, 99]
    ],

    ajax: {
        url: "