define('mp2migrator', ['mailpoet', 'jquery'], function(MailPoet, jQuery) {
  'use strict';
  MailPoet.MP2Migrator = {

    fatal_error: '',
    is_logging: false,

    startLogger: function () {
      MailPoet.MP2Migrator.is_logging = true;
      clearTimeout(MailPoet.MP2Migrator.displayLogs_timeout);
      clearTimeout(MailPoet.MP2Migrator.updateProgressbar_timeout);
      clearTimeout(MailPoet.MP2Migrator.update_wordpress_info_timeout);
      MailPoet.MP2Migrator.updateDisplay();
    },

    stopLogger: function () {
      MailPoet.MP2Migrator.is_logging = false;
    },

    updateDisplay: function () {
      MailPoet.MP2Migrator.displayLogs_timeout = setTimeout(MailPoet.MP2Migrator.displayLogs, 1000);
      MailPoet.MP2Migrator.updateProgressbar_timeout = setTimeout(MailPoet.MP2Migrator.updateProgressbar, 1000);
    },

    displayLogs: function () {
      jQuery.ajax({
        url: mailpoet_mp2_migrator.log_file_url,
        cache: false
      }).done(function (result) {
        jQuery("#logger").html('');
        result.split("\n").forEach(function (row) {
          if(row.substr(0, 7) === '[ERROR]' || row.substr(0, 9) === '[WARNING]' || row === MailPoet.I18n.t('import_stopped_by_user')) {
            row = '<span class="error_msg">' + row + '</span>'; // Mark the errors in red
          }
          // Test if the import is complete
          else if(row === MailPoet.I18n.t('import_complete')) {
            jQuery('#import-actions').hide();
            jQuery('#upgrade-completed').show();
          }
          jQuery("#logger").append(row + "<br />\n");

        });
        jQuery("#logger").append('<span class="error_msg">' + MailPoet.MP2Migrator.fatal_error + '</span>' + "<br />\n");
      }).always(function () {
        if(MailPoet.MP2Migrator.is_logging) {
          MailPoet.MP2Migrator.displayLogs_timeout = setTimeout(MailPoet.MP2Migrator.displayLogs, 1000);
        }
      });
    },

    updateProgressbar: function () {
      jQuery.ajax({
        url: mailpoet_mp2_migrator.progress_url,
        cache: false,
        dataType: 'json'
      }).always(function (result) {
        // Move the progress bar
        var progress = 100;
        if(Number(result.total) !== 0) {
          progress = Math.round(Number(result.current) / Number(result.total) * 100);
        }
        jQuery('#progressbar').progressbar('option', 'value', progress);
        jQuery('#progresslabel').html(progress + '%');
        if(MailPoet.MP2Migrator.is_logging) {
          MailPoet.MP2Migrator.updateProgressbar_timeout = setTimeout(MailPoet.MP2Migrator.updateProgressbar, 1000);
        }
      });
    },

    startImport: function () {
      MailPoet.MP2Migrator.fatal_error = '';
      // Start displaying the logs
      MailPoet.MP2Migrator.startLogger();

      // Disable the import button
      MailPoet.MP2Migrator.import_button_label = jQuery('#import').val();
      jQuery('#import').val(MailPoet.I18n.t('importing')).attr('disabled', 'disabled');
      // Show the stop button
      jQuery('#stop-import').show();

      // Run the import
      MailPoet.Ajax.post({
        api_version: window.mailpoet_api_version,
        endpoint: 'MP2Migrator',
        action: 'import',
        data: {
        }
      }).always(function () {
        MailPoet.MP2Migrator.stopLogger();
        MailPoet.MP2Migrator.updateDisplay(); // Get the latest information after the import was stopped
        MailPoet.MP2Migrator.reactivateImportButton();
      }).done(function (response) {
        if(response) {
          MailPoet.MP2Migrator.fatal_error = response.data;
        }
      }).fail(function (response) {
        if(response.errors.length > 0) {
          MailPoet.Notice.error(
            response.errors.map(function (error) {
              return error.message;
            }),
            {scroll: true}
          );
        }
      });
      return false;
    },

    reactivateImportButton: function () {
      jQuery('#import').val(MailPoet.MP2Migrator.import_button_label).removeAttr('disabled');
      jQuery('#stop-import').hide();
    },

    stopImport: function () {
      jQuery('#stop-import').attr('disabled', 'disabled');
      // Stop the import
      MailPoet.Ajax.post({
        api_version: window.mailpoet_api_version,
        endpoint: 'MP2Migrator',
        action: 'stopImport',
        data: {
        }
      }).always(function () {
        jQuery('#stop-import').removeAttr('disabled'); // Enable the button
        MailPoet.MP2Migrator.reactivateImportButton();
        MailPoet.MP2Migrator.updateDisplay(); // Get the latest information after the import was stopped
      });
      MailPoet.MP2Migrator.stopLogger();
      return false;
    },

    skipImport: function () {
      MailPoet.Ajax.post({
        api_version: window.mailpoet_api_version,
        endpoint: 'MP2Migrator',
        action: 'skipImport',
        data: {
        }
      }).done(function () {
        MailPoet.MP2Migrator.gotoWelcomePage();
      });
      return false;
    },

    gotoWelcomePage: function () {
      window.location.href = 'admin.php?page=mailpoet-welcome';
      return false;
    }

  };
  
  /**
   * Actions to run when the DOM is ready
   */
  jQuery(function () {
    jQuery('#progressbar').progressbar({value: 0});

    // Import button
    jQuery('#import').click(function() {
      MailPoet.MP2Migrator.startImport();
    });
      
    // Stop import button
    jQuery('#stop-import').click(function() {
      MailPoet.MP2Migrator.stopImport();
    });

    // Skip import link
    jQuery('#skip-import').click(function() {
      MailPoet.MP2Migrator.skipImport();
    });

    // Go to welcome page
    jQuery('#goto-welcome').click(function() {
      MailPoet.MP2Migrator.gotoWelcomePage();
    });
  });

});