var ManageAccountDialog = {};

ManageAccountDialog.firstLogin = true;

ManageAccountDialog.launch = function(logged_in_username, callback) {
   $.post(
      "command/core/get-all-preferences",
      null,
      function (preferences) {
         ManageAccountDialog.display(logged_in_username, preferences.wikidata_credentials, callback);
      },
      "json"
  );
};

ManageAccountDialog.display = function(logged_in_username, saved_credentials, callback) {
  var self = this;
  var frame = $(DOM.loadHTML("wikidata", "scripts/dialogs/manage-account-dialog.html"));
  var elmts = this._elmts = DOM.bind(frame);
  var isOpen = true;
  ManageAccountDialog.firstLaunch = false;

  this._elmts.dialogHeader.text($.i18n('wikidata-account/dialog-header'));
  this._elmts.explainLogIn.html($.i18n('wikidata-account/explain-log-in'));
  this._elmts.usernameLabel.text($.i18n('wikidata-account/username-label'));
  this._elmts.usernameInput.attr("placeholder", $.i18n('wikidata-account/username-placeholder'));
  this._elmts.passwordLabel.text($.i18n('wikidata-account/password-label'));
  this._elmts.passwordInput.attr("placeholder", $.i18n('wikidata-account/password-placeholder'));
  this._elmts.rememberCredentialsLabel.text($.i18n('wikidata-account/remember-credentials-label'));
  this._elmts.dialogHeader.text($.i18n('wikidata-account/dialog-header'));
  this._elmts.cancelButton1.text($.i18n('wikidata-account/close'));
  this._elmts.cancelButton2.text($.i18n('wikidata-account/close'));
  this._elmts.loggedInAs.text($.i18n('wikidata-account/logged-in-as'));
  this._elmts.logoutButton.text($.i18n('wikidata-account/log-out'));
  this._elmts.loginButton.text($.i18n('wikidata-account/log-in'));

  this._level = DialogSystem.showDialog(frame);

  var dismiss = function() {
    DialogSystem.dismissUntil(self._level - 1);
    isOpen = false;
  };

  if (logged_in_username != null) {
      elmts.loginArea.hide();
  } else {
      elmts.logoutArea.hide();
  }

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

  frame.find('.cancel-button').click(function() {
     dismiss();
     callback(null);
  });

  var Login = (function() {
    return function() {
      frame.hide();
      isOpen = false;
      Refine.postCSRF(
        "command/wikidata/login",
        elmts.loginForm.serialize(),
        function(data) {
          if (data.logged_in) {
            dismiss();
            callback(data.username);
          }
          else {
              frame.show();
              isOpen = true;
              elmts.invalidCredentials.text("Invalid credentials.");
          }
      });
    };
  })();


  elmts.loginButton.click(function() {
    Login();
  });

 	document.addEventListener('keydown', function(event) {
        if(isOpen == true){
          if (event.keyCode == 13) {
            Login();
          }
        }
  });

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

ManageAccountDialog.isLoggedIn = function(callback) {
   var discardWaiter = function() { };
   if(ManageAccountDialog.firstLogin) {
       discardWaiter = DialogSystem.showBusy($.i18n('wikidata-account/connecting-to-wikidata'));
   }
   $.get(
      "command/wikidata/login",
       function(data) {
          discardWaiter();
          ManageAccountDialog.firstLogin = false;
          callback(data.username);
   });
};

ManageAccountDialog.ensureLoggedIn = function(callback) {
    ManageAccountDialog.isLoggedIn(function(logged_in_username) {
        if (logged_in_username == null) {
            ManageAccountDialog.launch(null, callback);
        } else {
            callback(logged_in_username);
        }
    });
};

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