jQuery(function ($) {
    var bulkConversion = {
        inprogress: false,
        serverDown: false,
        i18n: {},
        settings: {},
        startConvertButton: $('#wrio-start-conversion'),
        startOptButton: $('#wrio-start-optimization'),

        init: function () {
            this.i18n = wrio_l18n_bulk_page;
            this.settings = wrio_settings_bulk_page;

            this.registerEvents();
        },

        registerEvents: function () {
            var self = this;
            this.startConvertButton.on('click', function () {

                if ($(this).hasClass('wio-running')) {
                    self.startOptButton.prop('disabled', false);
                    self.stop();
                    return;
                }

                self.showModal();

                return false;
            });
        },

        showModal: function () {
            var self = this;
            var infosModal = $('#wrio-tmpl-webp-conversion');

            if ('server_5' !== $('#wrio-change-optimization-server').val()) {
                $.wrio_modal.showErrorModal(this.i18n.webp_premium_server_disabled);
                console.log('[Error]: ' + this.i18n.webp_premium_server_disabled);
                return;
            }

            if (!infosModal.length) {
                console.log('[Error]: Html template for modal not found.');
                return;
            }

            // Swal Information before loading the optimize process.
            swal({
                title: this.i18n.modal_conversion_title,
                html: infosModal.html(),
                type: '',
                customClass: 'wrio-modal wrio-modal-optimization-way',
                showCancelButton: true,
                showCloseButton: true,
                padding: 0,
                width: 740,
                confirmButtonText: this.i18n.modal_conversion_manual_button,
                cancelButtonText: this.i18n.modal_conversion_cron_button,
                reverseButtons: true,
            }).then(function (result) {

                self.startOptButton.prop('disabled', true);
                self.process();

                window.onbeforeunload = function () {
                    return self.i18n.leave_page_warning;
                }

            }, function (dismiss) {
                if (dismiss === 'cancel') { // you might also handle 'close' or 'timer' if you used those
                    self.startOptButton.prop('disabled', true);
                    self.process('cron');
                } else {
                    throw dismiss;
                }
            });

        },

        /**
         * Start conversion
         * @param {string} type
         */
        process: function (type) {
            var self = this;
            this.inprogress = true;

            var sendData = {
                'action': 'wrio-bulk-conversion-process',
                'scope': this.settings.scope,
                'multisite': 0,
                '_wpnonce': this.settings.conversion_nonce,
            };

            this.setButtonStyleRun(type);

            if ('cron' === type) {
                this.startConvertButton.addClass('wrio-cron-mode');

                sendData['action'] = 'wrio-webp-cron-start';

                $.post(ajaxurl, sendData, function (response) {
                    if (!response || !response.success) {
                        console.log('[Error]: Failed ajax request (Start cron).');
                        console.log(sendData);
                        console.log(response);

                        if (response.data && response.data.error_message) {
                            self.throwError(response.data.error_message);
                        }
                    } else {
                        if (response.data && response.data.stop) {
                            self.stop();
                        }
                    }
                }).fail(function (xhr, status, error) {
                    console.log(xhr);
                    console.log(status);
                    console.log(error);

                    self.throwError(error);
                });

                return;
            }

            this.showMessage(this.i18n.conversion_inprogress.replace("%s", parseInt($('#wio-unoptimized-num').text())));

            // show message: Optimization remined
            /*if( "1" === this.settings.is_network_admin ) {
                sendData['multisite'] = 1;
            }*/

            sendData['reset_current_errors'] = 1;

            this.sendRequest(sendData);
        },

        stop: function () {
            var self = this;
            this.inprogress = false;

            window.onbeforeunload = null;
            self.setButtonStyleStop();
            self.destroyMessages();

            if (this.startConvertButton.hasClass('wrio-cron-mode')) {
                this.startConvertButton.removeClass('wrio-cron-mode');

                $.post(ajaxurl, {
                    'action': 'wrio-webp-cron-stop',
                    '_wpnonce': self.settings.conversion_nonce,
                    'scope': self.settings.scope
                }, function (response) {
                    if (!response || !response.success) {
                        console.log('[Error]: Failed ajax request (Stop cron).');
                        console.log(response);

                        if (response.data && response.data.error_message) {
                            self.throwError(response.data.error_message);
                        }
                    } else {
                        self.startOptButton.prop('disabled', false);
                    }
                }).fail(function (xhr, status, error) {
                    console.log(xhr);
                    console.log(status);
                    console.log(error);

                    self.throwError(error);
                });
            }

        },

        complete: function () {
            this.inprogress = false;
            window.onbeforeunload = null;
            this.setButtonStyleComplete();
        },

        setButtonStyleRun: function (mode) {

            this.startConvertButton.addClass('wio-running');

            if ("cron" === mode) {
                this.startConvertButton.text(this.i18n.modal_conversion_cron_button_stop);
                return;
            }

            this.startConvertButton.text(this.i18n.button_stop);
        },

        setButtonStyleComplete: function () {
            this.showMessage(this.i18n.conversion_complete);
            this.startConvertButton.text(this.i18n.button_completed);
            this.startConvertButton.removeClass('wio-running');
            this.startConvertButton.prop('disabled', true);
            this.startOptButton.prop('disabled', false);
        },

        setButtonStyleStop: function () {
            this.startConvertButton.removeClass('wio-running');
            this.startConvertButton.text(this.i18n.webp_button_start);
        },

        showMessage: function (text) {
            var contanier = $('.wio-page-statistic'),
                message;

            if (contanier.find('.wrio-statistic-message').length) {
                message = contanier.find('.wrio-statistic-message');
            } else {
                message = $('<div>');
                message.addClass('wrio-statistic-message');
                contanier.append(message);
            }

            message.html(text);
        },

        throwError: function (error_message) {
            this.stop();

            var noticeId = $.wbcr_factory_templates_134.app.showNotice(error_message, 'danger');

            setTimeout(function () {
                $.wbcr_factory_templates_134.app.hideNotice(noticeId);
            }, 10000);
        },

        destroyMessages: function () {
            $('.wio-page-statistic').find('.wrio-statistic-message').empty();
        },

        sendRequest: function (data) {
            var self = this;

            if (!this.inprogress) {
                return;
            }

            $.post(ajaxurl, data, function (response) {
                if (!self.inprogress) {
                    return;
                }

                if (!response || !response.success) {
                    console.log('[Error]: Failed ajax request (Try to optimize images).');
                    console.log(response);

                    if (response.data && response.data.error_message) {
                        self.throwError(response.data.error_message);
                    }

                    return;
                }

                data.reset_current_errors = 0;

                if (!response.data.end) {
                    $('#wio-total-unoptimized').text(parseInt(response.data.remain));
                    self.showMessage(self.i18n.conversion_inprogress.replace("%s", parseInt(response.data.remain)));
                    self.sendRequest(data);
                } else {
                    $('#wio-total-unoptimized').text(response.data.remain);
                    self.complete();

                    // если мультисайт режим, то не скрываем кнопку запуска оптимизации
                    /*if( $('#wbcr-rio-current-blog').length ) {
                        $('#wio-start-conversion').toggleClass('wio-running');
                    } else {
                        $('#wio-start-conversion').hide();
                    }*/
                }

                redraw_statistics(response.data.statistic);

                if (response.data.last_optimized) {
                    self.updateLog(response.data.last_optimized);
                }
                if (response.data.last_converted) {
                    self.updateLog(response.data.last_converted);
                }
            }).fail(function (xhr, status, error) {
                console.log(xhr);
                console.log(status);
                console.log(error);

                self.throwError(error);
            });
        },

        updateLog: function (new_item_data) {
            var self = this;

            var limit = 100,
                tableEl = $('.wrio-optimization-progress .wrio-table');

            if (!tableEl.length || !new_item_data) {
                return;
            }

            // если таблица была пустая
            if ($('.wrio-table-container-empty').length) {
                $('.wrio-table-container-empty').addClass('wrio-table-container').removeClass('wrio-table-container-empty');
                if (tableEl.find('tbody').length) {
                    tableEl.find('tbody').empty();
                }
            }

            $.each(new_item_data, function (index, value) {
                var trEl = $('<tr>'),
                    tdEl = $('<td>'),
                    webpSize = value.webp_size ? value.webp_size : '-';

                if (tableEl.find('.wrio-row-id-' + value.id).length) {
                    tableEl.find('.wrio-row-id-' + value.id).remove();
                }

                trEl.addClass('flash').addClass('wrio-table-item').addClass('wrio-row-id-' + value.id);

                if ('error' === value.type) {
                    trEl.addClass('wrio-error');
                }

                var preview = $('<img width="40" height="40" src="' + value.thumbnail_url + '" alt="">'),
                    previewUrl = $('<a href="' + value.url + '" target="_blank">' + value.file_name + '</a>');

                tableEl.prepend(trEl);

                trEl.append(tdEl.clone().append(preview));
                trEl.append(tdEl.clone().append(previewUrl));

                if ('error' === value.type) {
                    var colspan = value.scope !== 'custom-folders' ? '6' : '5';
                    trEl.append(tdEl.clone().attr('colspan', colspan).text("Error: " + value.error_msg));
                } else {
                    trEl.append(tdEl.clone().text(value.original_size));
                    trEl.append(tdEl.clone().text(value.optimized_size));
                    trEl.append(tdEl.clone().text(webpSize));
                    trEl.append(tdEl.clone().text(value.original_saving));

                    if ("custom-folders" !== self.settings.scope) {
                        trEl.append(tdEl.clone().text(value.thumbnails_count));
                    }

                    trEl.append(tdEl.clone().text(value.total_saving));
                }
            });

            if (tableEl.find('tr').length > limit) {
                var diff = tableEl.find('tr').length - limit;

                for (var i = 0; i < diff; i++) {
                    tableEl.find('tr:last').remove();
                }
            }
        }

    };

    $(document).ready(function () {
        bulkConversion.init();
        $('[data-toggle="tooltip"]').tooltip();
    });

    var ajaxUrl = ajaxurl;
    var ai_data;

    function redraw_statistics(statistic) {
        $('#wio-webp-chart').attr('data-unoptimized', statistic.unconverted)
            .attr('data-optimized', statistic.converted)
            .attr('data-errors', statistic.webp_error);
        $('#wio-overview-chart-percent-webp').html(statistic.webp_percent_line + '<span>%</span>');
        $('.wio-total-percent-webp').text(statistic.webp_percent_line + '%');

        var credits = $('.wrio-premium-user-balance');
        if (credits.attr('data-server') !== "server_5") {
            credits.text(statistic.credits);
        }

        window.wio_chart_webp.data.datasets[0].data[0] = statistic.unconverted; // unoptimized
        window.wio_chart_webp.data.datasets[0].data[1] = statistic.converted; // optimized
        window.wio_chart_webp.data.datasets[0].data[2] = statistic.webp_error; // errors
        window.wio_chart_webp.update();
        if ($('#wio-overview-chart-percent-webp').text() == '100%') {
            window.onbeforeunload = null;
        }
    }

});
