import {
  default as computed,
  observes
} from "ember-addons/ember-computed-decorators";
import Group from "discourse/models/group";
import InputValidation from "discourse/models/input-validation";
import debounce from "discourse/lib/debounce";

export default Ember.Component.extend({
  disableSave: null,
  nameInput: null,

  didInsertElement() {
    this._super(...arguments);
    const name = this.get("model.name");

    if (name) {
      this.set("nameInput", name);
    } else {
      this.set("disableSave", true);
    }
  },

  canEdit: Ember.computed.not("model.automatic"),

  @computed("basicNameValidation", "uniqueNameValidation")
  nameValidation(basicNameValidation, uniqueNameValidation) {
    return uniqueNameValidation ? uniqueNameValidation : basicNameValidation;
  },

  @observes("nameInput")
  _validateName() {
    name = this.nameInput;
    if (name === this.get("model.name")) return;

    if (name === undefined) {
      return this._failedInputValidation();
    }

    if (name === "") {
      this.set("uniqueNameValidation", null);
      return this._failedInputValidation(I18n.t("admin.groups.new.name.blank"));
    }

    if (name.length < this.siteSettings.min_username_length) {
      return this._failedInputValidation(
        I18n.t("admin.groups.new.name.too_short")
      );
    }

    if (name.length > this.siteSettings.max_username_length) {
      return this._failedInputValidation(
        I18n.t("admin.groups.new.name.too_long")
      );
    }

    this.checkGroupName();

    return this._failedInputValidation(
      I18n.t("admin.groups.new.name.checking")
    );
  },

  checkGroupName: debounce(function() {
    name = this.nameInput;
    if (Ember.isEmpty(name)) return;

    Group.checkName(name).then(response => {
      const validationName = "uniqueNameValidation";

      if (response.available) {
        this.set(
          validationName,
          InputValidation.create({
            ok: true,
            reason: I18n.t("admin.groups.new.name.available")
          })
        );

        this.set("disableSave", false);
        this.set("model.name", this.nameInput);
      } else {
        let reason;

        if (response.errors) {
          reason = response.errors.join(" ");
        } else {
          reason = I18n.t("admin.groups.new.name.not_available");
        }

        this.set(validationName, this._failedInputValidation(reason));
      }
    });
  }, 500),

  _failedInputValidation(reason) {
    this.set("disableSave", true);

    const options = { failed: true };
    if (reason) options.reason = reason;
    this.set("basicNameValidation", InputValidation.create(options));
  }
});