import Controller from "@ember/controller";
import { popupAjaxError } from "discourse/lib/ajax-error";
import { bufferedProperty } from "discourse/mixins/buffered-content";
import computed from "ember-addons/ember-computed-decorators";

export default Controller.extend(bufferedProperty("emailTemplate"), {
  saved: false,

  @computed("buffered.body", "buffered.subject")
  saveDisabled(body, subject) {
    return (
      this.emailTemplate.body === body && this.emailTemplate.subject === subject
    );
  },

  @computed("buffered")
  hasMultipleSubjects(buffered) {
    if (buffered.getProperties("subject")["subject"]) {
      return false;
    } else {
      return buffered.getProperties("id")["id"];
    }
  },

  actions: {
    saveChanges() {
      this.set("saved", false);
      const buffered = this.buffered;
      this.emailTemplate
        .save(buffered.getProperties("subject", "body"))
        .then(() => {
          this.set("saved", true);
        })
        .catch(popupAjaxError);
    },

    revertChanges() {
      this.set("saved", false);
      bootbox.confirm(
        I18n.t("admin.customize.email_templates.revert_confirm"),
        result => {
          if (result) {
            this.emailTemplate
              .revert()
              .then(props => {
                const buffered = this.buffered;
                buffered.setProperties(props);
                this.commitBuffer();
              })
              .catch(popupAjaxError);
          }
        }
      );
    }
  }
});