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: "{{ route('talentos.ajax') }}",
        data: function (d) {
            d.letter = $('#alphabet-search > span.letter.selected').data('letter')
            d.status    = new_array_status
            d.categoria = new_array_categoria
        }
    },
    columns: colDefs,
    language: {
        url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/pt_br.json',
    },
});


$('#alphabet-search .letter').on('click', function() {
    $('#alphabet-search .letter').removeClass('selected');
    $(this).addClass('selected');
    table.ajax.reload();
});

// Adicionando tooltip para mostrar a quantidade de itens
$.get('/get-letter-counts', function(data) {
    data.forEach(function(item) {
        var letterElement = $('#alphabet-search .letter[data-letter="' + item.initial + '"]');
        // letterElement.attr('title', 'Count: ' + item.count);
        letterElement.attr('title', item.count);
        letterElement.tooltip(); // Inicializa o tooltip

        letterElement.removeClass('no-results');
    });
});

function contagemPorLetra() {
    $.ajaxSetup({
        headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
    });

    var form_data = new FormData();

    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 array_genero = [];
    $('input[name="filtrosidebar-genero"]:checked').each(function() {
        array_genero.push($(this).val());
    });
    var new_array_genero = array_genero.join(',');

    var array_identidade_genero = [];
    $('input[name="filtrosidebar-identidade-genero"]:checked').each(function() {
        array_identidade_genero.push($(this).val());
    });
    var new_array_identidade_genero = array_identidade_genero.join(',');

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

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

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

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

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

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

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

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

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

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

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

    var letter                        = $('#alphabet-search > span.letter.selected').data('letter');
    var num_talento                   = $("#filtrosidebar-id-talento").val();
    var status                        = new_array_status;
    var categoria                     = new_array_categoria;
    var genero                        = new_array_genero;
    var identidade_genero             = new_array_identidade_genero;
    var opc_idade                     = $("input[name='filtrosidebar-idade']:checked").val();
    var opc_idade_de                  = $("#idade-de").val();
    var opc_idade_ate                 = $("#idade-ate").val();
    var opc_idade_intervalo           = $("#idade-intervalo").val();
    var opc_data_nasc_de              = $("#data_nasc_de").val();
    var opc_data_nasc_ate             = $("#data_nasc_ate").val();
    var altura_de                     = $("#altura-de").val();
    var altura_ate                    = $("#altura-ate").val();
    var peso_de                       = $("#peso-de").val();
    var peso_ate                      = $("#peso-ate").val();
    var busto_de                      = $("#busto-de").val();
    var busto_ate                     = $("#busto-ate").val();
    var etnia                         = new_array_etnia;
    var tom_pele                      = new_array_tom_pele;
    var cintura_de                    = $("#cintura-de").val();
    var cintura_ate                   = $("#cintura-ate").val();
    var quadril_de                    = $("#quadril-de").val();
    var quadril_ate                   = $("#quadril-ate").val();
    var olhos                         = new_array_olhos;
    var cabelo                        = new_array_cabelo;
    var sapato_de                     = $("#sapato-de").val();
    var sapato_ate                    = $("#sapato-ate").val();
    var manequim_de                   = $("#manequim-de").val();
    var manequim_ate                  = $("#manequim-ate").val();
    var habilidades_dirige_pilota     = new_array_habilidades_dirige_pilota;
    var habilidades_esporte           = new_array_habilidades_esporte;
    var habilidades_musica            = new_array_habilidades_musica;
    var habilidades_outras            = new_array_habilidades_outras;
    var nacionalidade                 = new_array_nacionalidade;
    var idiomas                       = $("#idioma-filtro").val();
    var tatuagens                     = new_array_tatuagens;
    var estado                        = $("#estado").val();
    var cidade                        = $("#cidade").val();
    var booker_referencia             = new_array_booker_referencia;

    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('letter', letter);
    form_data.append('num_talento', num_talento);
    form_data.append('status', status);
    form_data.append('categoria', categoria);
    form_data.append('genero', genero);
    form_data.append('identidade_genero', identidade_genero);
    form_data.append('opc_idade', opc_idade);
    form_data.append('opc_idade_de', opc_idade_de);
    form_data.append('opc_idade_ate', opc_idade_ate);
    form_data.append('opc_idade_intervalo', opc_idade_intervalo);
    form_data.append('opc_data_nasc_de', opc_data_nasc_de);
    form_data.append('opc_data_nasc_ate', opc_data_nasc_ate);
    form_data.append('altura_de', altura_de);
    form_data.append('altura_ate', altura_ate);
    form_data.append('peso_de', peso_de);
    form_data.append('peso_ate', peso_ate);
    form_data.append('busto_de', busto_de);
    form_data.append('busto_ate', busto_ate);
    form_data.append('etnia', etnia);
    form_data.append('tom_pele', tom_pele);
    form_data.append('cintura_de', cintura_de);
    form_data.append('cintura_ate', cintura_ate);
    form_data.append('quadril_de', quadril_de);
    form_data.append('quadril_ate', quadril_ate);
    form_data.append('olhos', olhos);
    form_data.append('cabelo', cabelo);
    form_data.append('sapato_de', sapato_de);
    form_data.append('sapato_ate', sapato_ate);
    form_data.append('manequim_de', manequim_de);
    form_data.append('manequim_ate', manequim_ate);
    form_data.append('habilidades_dirige_pilota', habilidades_dirige_pilota);
    form_data.append('habilidades_esporte', habilidades_esporte);
    form_data.append('habilidades_musica', habilidades_musica);
    form_data.append('habilidades_outras', habilidades_outras);
    form_data.append('nacionalidade', nacionalidade);
    form_data.append('idiomas', idiomas);
    form_data.append('tatuagens', tatuagens);
    form_data.append('estado', estado);
    form_data.append('cidade', cidade);
    form_data.append('booker_referencia', booker_referencia);

    $.ajax({
        url: '{{ route('talentos.contagem_por_letra') }}',
        dataType: 'text',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        beforeSend: function () {
            $("#alphabet-search").html("<img class='img' style='height:50px;' src='/storage/padrao/carregando.gif'/>");
        },
        success: function(data){
            $("#alphabet-search").html(data);
        }
    });
}

function carregarTabela() {
    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 array_genero = [];
    $('input[name="filtrosidebar-genero"]:checked').each(function() {
        array_genero.push($(this).val());
    });
    var new_array_genero = array_genero.join(',');

    var array_identidade_genero = [];
    $('input[name="filtrosidebar-identidade-genero"]:checked').each(function() {
        array_identidade_genero.push($(this).val());
    });
    var new_array_identidade_genero = array_identidade_genero.join(',');

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

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

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

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

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

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

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

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

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

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

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

    table = $('#carrTalentos').DataTable();
    table.destroy();

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

        ajax: {
            url: "{{ route('talentos.ajax') }}",
            data: function (d) {
                d.letter                        = $('#alphabet-search > span.letter.selected').data('letter');
                d.num_talento                   = $("#filtrosidebar-id-talento").val();
                d.status                        = new_array_status;
                d.categoria                     = new_array_categoria;
                d.genero                        = new_array_genero;
                d.identidade_genero             = new_array_identidade_genero;
                d.opc_idade                     = $("input[name='filtrosidebar-idade']:checked").val();
                d.opc_idade_de                  = $("#idade-de").val();
                d.opc_idade_ate                 = $("#idade-ate").val();
                d.opc_idade_intervalo           = $("#idade-intervalo").val();
                d.opc_data_nasc_de              = $("#data_nasc_de").val();
                d.opc_data_nasc_ate             = $("#data_nasc_ate").val();
                d.altura_de                     = $("#altura-de").val();
                d.altura_ate                    = $("#altura-ate").val();
                d.peso_de                       = $("#peso-de").val();
                d.peso_ate                      = $("#peso-ate").val();
                d.busto_de                      = $("#busto-de").val();
                d.busto_ate                     = $("#busto-ate").val();
                d.etnia                         = new_array_etnia;
                d.tom_pele                      = new_array_tom_pele;
                d.cintura_de                    = $("#cintura-de").val();
                d.cintura_ate                   = $("#cintura-ate").val();
                d.quadril_de                    = $("#quadril-de").val();
                d.quadril_ate                   = $("#quadril-ate").val();
                d.olhos                         = new_array_olhos;
                d.cabelo                        = new_array_cabelo;
                d.sapato_de                     = $("#sapato-de").val();
                d.sapato_ate                    = $("#sapato-ate").val();
                d.manequim_de                   = $("#manequim-de").val();
                d.manequim_ate                  = $("#manequim-ate").val();
                d.habilidades_dirige_pilota     = new_array_habilidades_dirige_pilota;
                d.habilidades_esporte           = new_array_habilidades_esporte;
                d.habilidades_musica            = new_array_habilidades_musica;
                d.habilidades_outras            = new_array_habilidades_outras;
                d.nacionalidade                 = new_array_nacionalidade;
                d.idiomas                       = $("#idioma-filtro").val();
                d.tatuagens                     = new_array_tatuagens;
                d.estado                        = $("#estado").val();
                d.cidade                        = $("#cidade").val();
                d.booker_referencia             = new_array_booker_referencia;
            }
        },
        columns: colDefs,
        language: {
            url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/pt_br.json',
        }
    });

    table.draw();

    contagemPorLetra();
    
    // Inicio - Carregamento Inicial da Tabela
    statusDisplayTable();
    // Fim - Carregamento Inicial da Tabela
}

function carregarTabelaLetra() {
    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 array_genero = [];
    $('input[name="filtrosidebar-genero"]:checked').each(function() {
        array_genero.push($(this).val());
    });
    var new_array_genero = array_genero.join(',');

    var array_identidade_genero = [];
    $('input[name="filtrosidebar-identidade-genero"]:checked').each(function() {
        array_identidade_genero.push($(this).val());
    });
    var new_array_identidade_genero = array_identidade_genero.join(',');

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

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

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

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

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

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

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

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

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

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

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

    table = $('#carrTalentos').DataTable();
    table.destroy();

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

        ajax: {
            url: "{{ route('talentos.ajax') }}",
            data: function (d) {
                d.letter                        = $('#alphabet-search > span.letter.selected').data('letter');
                d.num_talento                   = $("#filtrosidebar-id-talento").val();
                d.status                        = new_array_status;
                d.categoria                     = new_array_categoria;
                d.genero                        = new_array_genero;
                d.identidade_genero             = new_array_identidade_genero;
                d.opc_idade                     = $("input[name='filtrosidebar-idade']:checked").val();
                d.opc_idade_de                  = $("#idade-de").val();
                d.opc_idade_ate                 = $("#idade-ate").val();
                d.opc_idade_intervalo           = $("#idade-intervalo").val();
                d.opc_data_nasc_de              = $("#data_nasc_de").val();
                d.opc_data_nasc_ate             = $("#data_nasc_ate").val();
                d.altura_de                     = $("#altura-de").val();
                d.altura_ate                    = $("#altura-ate").val();
                d.peso_de                       = $("#peso-de").val();
                d.peso_ate                      = $("#peso-ate").val();
                d.busto_de                      = $("#busto-de").val();
                d.busto_ate                     = $("#busto-ate").val();
                d.etnia                         = new_array_etnia;
                d.tom_pele                      = new_array_tom_pele;
                d.cintura_de                    = $("#cintura-de").val();
                d.cintura_ate                   = $("#cintura-ate").val();
                d.quadril_de                    = $("#quadril-de").val();
                d.quadril_ate                   = $("#quadril-ate").val();
                d.olhos                         = new_array_olhos;
                d.cabelo                        = new_array_cabelo;
                d.sapato_de                     = $("#sapato-de").val();
                d.sapato_ate                    = $("#sapato-ate").val();
                d.manequim_de                   = $("#manequim-de").val();
                d.manequim_ate                  = $("#manequim-ate").val();
                d.habilidades_dirige_pilota     = new_array_habilidades_dirige_pilota;
                d.habilidades_esporte           = new_array_habilidades_esporte;
                d.habilidades_musica            = new_array_habilidades_musica;
                d.habilidades_outras            = new_array_habilidades_outras;
                d.nacionalidade                 = new_array_nacionalidade;
                d.idiomas                       = $("#idioma-filtro").val();
                d.tatuagens                     = new_array_tatuagens;
                d.estado                        = $("#estado").val();
                d.cidade                        = $("#cidade").val();
                d.booker_referencia             = new_array_booker_referencia;
            }
        },
        columns: colDefs,
        language: {
            url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/pt_br.json',
        }
    });

    table.draw();

    // Inicio - Carregamento Inicial da Tabela
    statusDisplayTable();
    // Fim - Carregamento Inicial da Tabela
}

var cropper;
var image = document.getElementById('cropImgEdit');
// var previewImage = document.getElementById('mc-cover');

function initializeCropper() {    
    image = document.getElementById('cropImgEdit');
    
    cropper = new Cropper(image, {
        aspectRatio: 103 / 182,
        viewMode: 1,
        autoCropArea: 1,
        ready: function() {
            updatePreview();
        },
        crop: function() {
            updatePreview();
        }
    });
}

function getCroppedImage() {
    if (cropper) {
        croppedImage = cropper.getCroppedCanvas().toDataURL("image/png");
        return croppedImage;
    } else {
        console.error("Cropper is not initialized or has been destroyed.");
        return null;
    }
}


// ------------- Ação ao abrir o modal -------------
$('#cadNovoTalento').on('shown.bs.modal', function () {
    if (cropper) {
        cropper.destroy(); // Destrói o cropper anterior
    }

    initializeCropper();
});

$('#cadNovoTalento').on('hidden.bs.modal', function () {
    if (cropper) {
        cropper.destroy(); // Destrói o cropper anterior
    }
});

function updatePreview() {
    // Gerar o canvas do preview
    var canvas = cropper.getCroppedCanvas({
        width: 103,  // Defina o tamanho do preview como desejar
        height: 182,
    });
    // previewImage.src = canvas.toDataURL('image/png');
}

$('#fotosTalentoArquivo').change(function(event) {
    const files = event.target.files;
    const done = function(url) {
        $('#cropImgEdit').attr('src', url).show();
    };
    let reader;

    if (files && files.length > 0) {
        reader = new FileReader();
        reader.onload = function(e) {
            done(e.target.result);
        };
        reader.readAsDataURL(files[0]);
    }

    $('#cropImgEdit').on('load', function() {
        if (cropper) {
            cropper.destroy(); // Destrói o cropper anterior
        }

        image = document.getElementById('cropImgEdit');

        cropper = new Cropper(image, {
            aspectRatio: 103 / 182,
            viewMode: 1,
            autoCropArea: 1,
            ready: function() {
                updatePreview();
            },
            crop: function() {
                updatePreview();
            }
        });
    }).each(function() {
        if (this.complete) $(this).load(); // Dispara o evento de load se a imagem já estiver carregada
    });
});


$(document).ready(function() {
    contagemPorLetra();

    // Inicio - Carregamento Inicial da Tabela
    statusDisplayTable();
    // Fim - Carregamento Inicial da Tabela

    // Delegação de eventos para os elementos dinâmicos
    $('#carrTalentos tbody').on('mouseenter', '.hover-trigger', function(event) {
        // Obtém o caminho da imagem do atributo data-hover
        var imgSrc = $(this).data('hover');
        
        // Atualiza a imagem que será exibida
        $('#hoverImage').attr('src', imgSrc);

        if (window.innerWidth >= 1024) {
            // Código para a tela de desktop
            // console.log("Tela de desktop");

            // Posiciona a imagem 100px para cima e 100px para a esquerda
            $('#hoverImage').css({
                top: event.pageY - 100 + 'px',
                left: event.pageX - 420 + 'px'
            });
        } else {
            // Código para telas menores (tablet ou mobile)
            // console.log("Tela menor que desktop");

            // Posiciona a imagem 100px para cima e 100px para a esquerda
            $('#hoverImage').css({
               top: event.pageY - 250 + 'px',
               left: event.pageX - 100 + 'px'
            });
        }
        
        
        
        // Mostra a imagem
        $('#hoverImage').show();
    });

    // Esconde a imagem quando o mouse sai da miniatura
    $('#carrTalentos tbody').on('mouseleave', '.hover-trigger', function() {
        $('#hoverImage').hide();
    });

    // Atualiza a posição da imagem conforme o mouse se move
    $('#carrTalentos tbody').on('mousemove', '.hover-trigger', function(event) {
        if (window.innerWidth >= 1024) {
            $('#hoverImage').css({
                top: event.pageY - 100 + 'px',
                left: event.pageX - 420 + 'px'
            });
        } else{
            $('#hoverImage').css({
               top: event.pageY - 250 + 'px',
               left: event.pageX - 100 + 'px'
            });
        }
    });
});