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

var table = new DataTable('#carrFotos', {
    processing: true,
    serverSide: true,
    order: [[3, 'desc']],
    lengthMenu: [
        [18, 36, 54, -1],
        [18, 36, 54, 72]
    ],
    ajax: {
        url: "{{ route('book.fotos.ajax') }}",
        data: function(data){
            data.num_usuario_sel    = '{{ $talento_escol_detalhes->id }}';
            data.albuns             = new_array_albuns;
        }
    },
    columns: [
        { "data": "seleciona_talento_book", "name": "seleciona_talento_book", "title": ""},
        { "data": "cartao", "name": "cartao", "title": ""},
        { "data": "nome_arquivo", "name": "nome_arquivo", "title": "Arquivo"},
        { "data": "tamanho_img", "name": "tamanho_img", "title": "Tamanho"},
        { "data": "created_by", "name": "created_by", "title": "Criado Por"},
        { "data": "created_at", "name": "created_at", "title": "Criado Às"},
        { "data": "updated_by", "name": "updated_by", "title": "Atualizado Por"},
        { "data": "updated_at", "name": "updated_at", "title": "Atualizado Às"},
        { "data": "action", "name": "action", "title": ""},
    ],
    language: {
        url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/pt_br.json',
    },
});


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

    var form_data = new FormData();

    var numUsuario      = '{{ $talento_escol_detalhes->id }}';
    var nome            = $('#nome-album').val();
    var descricao       = $('#desc-album').val();
    var respRegistroNum = '{{ auth()->user()->id }}';
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('numUsuario', numUsuario);
    form_data.append('nome', nome);
    form_data.append('descricao', descricao);
    form_data.append('respRegistroNum', respRegistroNum);

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

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

    var form_data = new FormData();

    var numUsuario      = '{{ $talento_escol_detalhes->id }}';
    var fotos           = $('#fotosTalento')[0].files;
    var galeria         = $('#galeria-foto').val(); 
    var respRegistroNum = '{{ auth()->user()->id }}';
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('numUsuario', numUsuario);

    for (var i = 0; i < fotos.length; i++) {
        form_data.append('fotos[]', fotos[i]);
    }

    form_data.append('galeria', galeria);
    form_data.append('respRegistroNum', respRegistroNum);

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

}

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

    var form_data = new FormData();

    var numUsuario      = '{{ $talento_escol_detalhes->id }}';
    var respRegistroNum = '{{ auth()->user()->id }}';
    var descricaoFoto   = $('#talento-book-desc-'+num_foto).val();
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('numUsuario', numUsuario);
    form_data.append('num_foto', num_foto);
    form_data.append('descricaoFoto', descricaoFoto);
    form_data.append('respRegistroNum', respRegistroNum);

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

}

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

    var form_data = new FormData();

    var numUsuario      = '{{ $talento_escol_detalhes->id }}';
    var numGaleria      = $('#filtro-albuns').val();
    var respRegistroNum = '{{ auth()->user()->id }}';

    var array_fotosAlbum = [];
    $('input[name="talentos-book"]:checked').each(function() {
        array_fotosAlbum.push($(this).val());
    });
    var new_array_fotosAlbum = array_fotosAlbum.join(',');

    // Exibe os valores selecionados no console
    // console.log(new_array_fotosAlbum);
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('numUsuario', numUsuario);
    form_data.append('numGaleria', numGaleria);
    form_data.append('fotosTalento', new_array_fotosAlbum);
    form_data.append('respRegistroNum', respRegistroNum);

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

}

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

    var form_data = new FormData();

    var tipoBotao = 'checkbox';
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('tipoBotao', tipoBotao);

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

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

    var form_data = new FormData();

    var tipoBotao = 'select';
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('tipoBotao', tipoBotao);

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

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

    var form_data = new FormData();

    var numUsuario      = '{{ $talento_escol_detalhes->id }}';
    var numGaleria      = $('#filtro-albuns').val();
    var respRegistroNum = '{{ auth()->user()->id }}';

    var array_fotosAlbum = [];
    $('input[name="talentos-book"]:checked').each(function() {
        array_fotosAlbum.push($(this).val());
    });
    var new_array_fotosAlbum = array_fotosAlbum.join(',');

    // Exibe os valores selecionados no console
    // console.log(new_array_fotosAlbum);
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('numUsuario', numUsuario);
    form_data.append('numGaleria', numGaleria);
    form_data.append('fotosTalento', new_array_fotosAlbum);
    form_data.append('respRegistroNum', respRegistroNum);

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

}

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

    var form_data = new FormData();

    var numGaleria      = $('#filtro-albuns').val();
    var numUsuario      = '{{ $talento_escol_detalhes->id }}';
    
    form_data.append('_token', "{{ csrf_token() }}");
    form_data.append('numGaleria', numGaleria);
    form_data.append('numUsuario', numUsuario);

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

}

function recar_table() {
    var array_albuns = [];
    $('input[name="filtrosidebar-albuns"]:checked').each(function() {
        array_albuns.push($(this).val());
    });
    var new_array_albuns = array_albuns.join(',');

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

    table = new DataTable('#carrFotos', {
        processing: true,
        serverSide: true,
        order: [[3, 'desc']],
        lengthMenu: [
            [18, 36, 54, -1],
            [18, 36, 54, 72]
        ],
        ajax: {
            url: "{{ route('book.fotos.ajax') }}",
            data: function(data){
                data.num_usuario_sel    = '{{ $talento_escol_detalhes->id }}';
                data.albuns             = new_array_albuns;
            }
        },
        columns: [
            { "data": "seleciona_talento_book", "name": "seleciona_talento_book", "title": ""},
            { "data": "cartao", "name": "cartao", "title": ""},
            { "data": "nome_arquivo", "name": "nome_arquivo", "title": "Arquivo"},
            { "data": "tamanho_img", "name": "tamanho_img", "title": "Tamanho"},
            { "data": "created_by", "name": "created_by", "title": "Criado Por"},
            { "data": "created_at", "name": "created_at", "title": "Criado Às"},
            { "data": "updated_by", "name": "updated_by", "title": "Atualizado Por"},
            { "data": "updated_at", "name": "updated_at", "title": "Atualizado Às"},
            { "data": "action", "name": "action", "title": ""},
        ],
        language: {
            url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/pt_br.json',
        },
    });

    statusDisplayTable();

    $('#escol-acoes').hide();
}

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

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

        $("#carrFotos").addClass('cards');
        $("#carrFotos thead").addClass('d-none');

        table.column(1).visible(true);
        table.column(2).visible(false);
        table.column(3).visible(false);
        table.column(4).visible(false);
        table.column(5).visible(false);
        table.column(6).visible(false);
        table.column(7).visible(false);
        table.column(8).visible(false);
    } else if(tipo_view == 'lista') {
        $("#carrFotos").removeClass('cards');
        $("#carrFotos thead").removeClass('d-none');

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

    }
}

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

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

        table.column(1).visible(true);
        table.column(2).visible(false);
        table.column(3).visible(false);
        table.column(4).visible(false);
        table.column(5).visible(false);
        table.column(6).visible(false);
        table.column(7).visible(false);
        table.column(8).visible(false);
    } else if(new_tipo_view == 'lista') {
        $("#carrFotos").removeClass('cards');
        $("#carrFotos thead").removeClass('d-none');

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

    }
}

function showTalentoAcoes() {
    if ($('input[name="talentos-book"]:checked').length > 0) {
        $('#escol-acoes').show();
    } else {
        $('#escol-acoes').hide();
    }
}

$(document).ready(function() {
    // Inicio - Carregamento Inicial da Tabela
    statusDisplayTable();
    // Fim - Carregamento Inicial da Tabela

    showTalentoAcoes();
});