var ManageAccountDialog = {};

ManageAccountDialog.firstLogin = true;

/**
 * Displays the logged in page if the user is logged in,
 * displays the login page otherwise.
 */
ManageAccountDialog.display = function (logged_in_username, onSuccess) {
  if (logged_in_username == null) {
    if (ManageAccountDialog.firstLogin) {
      ManageAccountDialog.firstLogin = false;
      ManageAccountDialog.tryLoginWithCookies(onSuccess);
    } else {
      ManageAccountDialog.displayPasswordLogin(onSuccess);
    }
  } else {
    ManageAccountDialog.displayLoggedIn(logged_in_username);
  }
};


ManageAccountDialog.tryLoginWithCookies = function (onSuccess) {
  // In the first login, we try logging in with cookies,
  // the backend may take a while to tell if the cookies are valid or not.
  // So we need to call DialogSystem.showBusy to inform the user that
  // OpenRefine is trying connecting to Wikidata.
  const discardWaiter = DialogSystem.showBusy($.i18n('wikidata-account/connecting-to-wikidata'));
  Refine.postCSRF(
      "command/wikidata/login",
      {},
      function (data) {
        discardWaiter();
        if (data.logged_in) {
          onSuccess(data.username);
          ManageAccountDialog.displayLoggedIn(data.username);
        } else {
          ManageAccountDialog.displayPasswordLogin(onSuccess);
        }
      });
};

ManageAccountDialog.initCommon = function (elmts) {
  elmts.dialogHeader.text($.i18n('wikidata-account/dialog-header'));
  elmts.explainLogIn.html($.i18n('wikidata-account/explain-log-in'));
  elmts.cancelButton.text($.i18n('wikidata-account/close'));
};

ManageAccountDialog.displayLoggedIn = function (logged_in_username) {
  var frame = $(DOM.loadHTML("wikidata", "scripts/dialogs/logged-in-dialog.html"));
  var elmts = DOM.bind(frame);
  ManageAccountDialog.initCommon(elmts);
  elmts.loggedInAs.text($.i18n('wikidata-account/logged-in-as'));
  elmts.logoutButton.text($.i18n('wikidata-account/log-out'));

  var level = DialogSystem.showDialog(frame);
  var dismiss = function () {
    DialogSystem.dismissUntil(level - 1);
  };

  elmts.loggedInUsername
      .text(logged_in_username)
      .attr('href', 'https://www.wikidata.org/wiki/User:' + logged_in_username);

  elmts.cancelButton.click(function (e) {
    dismiss();
  });

  elmts.logoutButton.click(function () {
    frame.hide();
    Refine.postCSRF(
        "command/wikidata/login",
        "logout=true",
        function (data) {
          frame.show();
          if (!data.logged_in) {
            dismiss();
          }
        });
  });
};

ManageAccountDialog.displayPasswordLogin = function (onSuccess) {
  const frame = $(DOM.loadHTML("wikidata", "scripts/dialogs/password-login-dialog.html"));
  const elmts = DOM.bind(frame);
  ManageAccountDialog.initCommon(elmts);
  elmts.explainOwnerOnlyConsumerLogin.html($.i18n('wikidata-account/explain-owner-only-consumer-login'));
  elmts.invalidCredentials.text($.i18n('wikidata-account/invalid-credentials'));
  elmts.invalidCredentials.hide();
  elmts.usernameLabel.text($.i18n('wikidata-account/username-label'));
  elmts.usernameInput.attr("placeholder", $.i18n('wikidata-account/username-placeholder'));
  elmts.passwordLabel.text($.i18n('wikidata-account/password-label'));
  elmts.passwordInput.attr("placeholder", $.i18n('wikidata-account/password-placeholder'));
  elmts.rememberMe.text($.i18n('wikidata-account/remember-me'));
  elmts.passwordRememberMeTitle.attr("title", $.i18n('wikidata-account/password-remember-me-title'));
  elmts.loginButton.text($.i18n('wikidata-account/log-in'));
  elmts.usernameInput.focus();

  var level = DialogSystem.showDialog(frame);
  var dismiss = function () {
    DialogSystem.dismissUntil(level - 1);
  };

  elmts.cancelButton.click(function (e) {
    dismiss();
  });

  elmts.explainOwnerOnlyConsumerLogin.click(function (e) {
    dismiss();
    ManageAccountDialog.displayOwnerOnlyConsumerLogin(onSuccess);
  });

  elmts.loginForm.submit(function (e) {
    frame.hide();
    Refine.postCSRF(
        "command/wikidata/login",
        elmts.loginForm.serialize(),
        function (data) {
          if (data.logged_in) {
            dismiss();
            onSuccess(data.username);
          } else {
            frame.show();
            elmts.invalidCredentials.show();
          }
        });
    e.preventDefault();
  });
};

ManageAccountDialog.displayOwnerOnlyConsumerLogin = function (onSuccess) {
  var frame = $(DOM.loadHTML("wikidata", "scripts/dialogs/owner-only-consumer-login-dialog.html"));
  var elmts = DOM.bind(frame);
  ManageAccountDialog.initCommon(elmts);
  elmts.explainOwnerOnlyConsumerWiki.html($.i18n('wikidata-account/explain-owner-only-consumer-wiki'));
  elmts.explainPasswordLogin.html($.i18n('wikidata-account/explain-password-login'));
  elmts.invalidCredentials.text($.i18n('wikidata-account/invalid-credentials'));
  elmts.invalidCredentials.hide();
  elmts.consumerTokenLabel.text($.i18n('wikidata-account/consumer-token-label'));
  elmts.consumerTokenInput.attr("placeholder", $.i18n('wikidata-account/consumer-token-placeholder'));
  elmts.consumerSecretLabel.text($.i18n('wikidata-account/consumer-secret-label'));
  elmts.consumerSecretInput.attr("placeholder", $.i18n('wikidata-account/consumer-secret-placeholder'));
  elmts.accessTokenLabel.text($.i18n('wikidata-account/access-token-label'));
  elmts.accessTokenInput.attr("placeholder", $.i18n('wikidata-account/access-token-placeholder'));
  elmts.accessSecretLabel.text($.i18n('wikidata-account/access-secret-label'));
  elmts.accessSecretInput.attr("placeholder", $.i18n('wikidata-account/access-secret-placeholder'));
  elmts.rememberMe.text($.i18n('wikidata-account/remember-me'));
  elmts.ownerOnlyConsumerRememberMeTitle.attr("title", $.i18n('wikidata-account/owner-only-consumer-remember-me-title'));
  elmts.loginButton.text($.i18n('wikidata-account/log-in'));
  elmts.consumerTokenInput.focus();

  var level = DialogSystem.showDialog(frame);
  var dismiss = function () {
    DialogSystem.dismissUntil(level - 1);
  };

  elmts.cancelButton.click(function (e) {
    dismiss();
  });

  elmts.explainPasswordLogin.click(function (e) {
    dismiss();
    ManageAccountDialog.displayPasswordLogin(onSuccess);
  });

  elmts.loginForm.submit(function (e) {
    frame.hide();
    Refine.postCSRF(
        "command/wikidata/login",
        elmts.loginForm.serialize(),
        function (data) {
          if (data.logged_in) {
            dismiss();
            onSuccess(data.username);
          } else {
            frame.show();
            elmts.invalidCredentials.show();
          }
        });
    e.preventDefault();
  });
};

/**
 * Checks if the user is logged in or not.
 *
 * The callback needs to react to both cases.
 */
ManageAccountDialog.isLoggedIn = function (callback) {
  $.get(
      "command/wikidata/login",
      function (data) {
        callback(data.username);
      });
};

/**
 * The onSuccess callback is called if and only if the user is logged in.
 */
ManageAccountDialog.ensureLoggedIn = function (onSuccess) {
  ManageAccountDialog.isLoggedIn(function (logged_in_username) {
    if (logged_in_username == null) {
      ManageAccountDialog.display(null, onSuccess);
    } else {
      onSuccess(logged_in_username);
    }
  });
};

ManageAccountDialog.checkAndLaunch = function () {
  ManageAccountDialog.isLoggedIn(function (logged_in_username) {
    ManageAccountDialog.display(logged_in_username, function (success) {
    });
  });
};