Dropzone.autoDiscover = false;
var local_url = "";

function create_list_content(data){
    const modelList = $('#modelList');
    modelList.empty();
    modelList.append($('<thead></thead>').addClass("thead-light").html("<tr><td>Name</td><td>Url</td><td>Status</td><td>Created</td></tr>"));

    data.forEach(function(model){
        const modelTr = $('<tr></tr>');
        const link = $('<a href="' + model.url +'"></a>').text(model.url);

        modelTr.append($('<td></td>').text(model.name));
        modelTr.append($('<td></td>').addClass('truncate').append(link));
        modelTr.append($('<td></td>').text(model.status));
        modelTr.append($('<td></td>').text(model.created));
        modelList.append(modelTr);

    });
}

function loadModels(app) {
    $.ajax({
        url: local_url + '/api/pods/' + app, // Замените на ваш URL
        method: 'GET',
        success: function(data) {
            create_list_content(data);
        },
        error: function() {
           console.log('Error load models');
           create_list_content([{"name":"cats_and_dogs", "url": "https://ml-hub.ru", "status": "Running", "created": "2024-07-30 13:00:46"}]);
        }
    });
}

function createDropzone(uuid_url) {
        console.log(uuid_url);

        $("#dropper").dropzone({
            url: uuid_url,
            paramName: 'file',
            chunking: true,
            forceChunking: true,
            maxFilesize: 4096,
            chunkSize: 1000000,
         });

        Dropzone.options.dropper = {
            url: uuid_url,
            paramName: 'file',
            chunking: true,
            forceChunking: true,
            maxFilesize: 4096,
            chunkSize: 1000000,
            init: function() {
                this.on("queuecomplete", function (file) {
                    $('#saveModelButton').removeAttribute('disabled');
                });
            },
        }

 }


$(document).ready(function() {
    // NAVIGATE
    var tab_id = "tensorflow";
    $(document).on('shown.bs.tab', 'a.head-tab[data-toggle="tab"]', function (e) {
        //render table
        tab_id = $(this).attr('value');
        loadModels(tab_id);
        console.log(tab_id)
    });

    loadModels(tab_id);
    var uuid = "";

    $('#initialize-button').on('click', function() {
            $.ajax({
                url: local_url + '/api/create/' + tab_id,
                type: 'GET',
                data: {'model_name': $("#modelName").val(), 'is_public': $("#customSwitch1").val(), 'file_format': tab_id},
                beforeSend: function() {
                  $('#initialize-button').html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>');
                },
                success: function(response) {
                    const uuid_url =  "https://ml-hub.ru/" + response + "/upload";
                    uuid = response;

                    $('#initialize-container').hide();
                    $('file-info').hide();
                    $('#file-info-' + tab_id).show();
                    $('#upload-form').show();
                    console.log(uuid_url);
                    createDropzone(uuid_url);

                },
                error: function() {
                    alert('Ошибка при инициализации рабочего пространства.');
                }
            });
    });

    $('#saveModelButton').on('click', function() {
        if (uuid){
           console.log('uuid - '+ uuid);
           $.ajax({
                url: local_url + '/api/update_label/' + tab_id,
                type: 'PATCH',
                data: {'uuid': uuid},
                success: function(response) {
                    if (modelName) {
                        // Сброс формы и закрытие модального окна
                        $('#modelForm')[0].reset();
                        $('#addModelModal').modal('hide');
                    }
                }
           });
        }else{
            console.log('Not find uuid - '+ uuid);
        }

    });

});