import { getOwner } from "@ember/application";
import Component from "@ember/component";
import { dasherize } from "@ember/string";
import cookie from "discourse/lib/cookie";
import getURL from "discourse-common/lib/get-url";
import discourseComputed from "discourse-common/utils/decorators";
import CustomWizard from "../models/custom-wizard";

export default Component.extend({
  classNameBindings: [":wizard-no-access", "reasonClass"],

  @discourseComputed("reason")
  reasonClass(reason) {
    return dasherize(reason);
  },

  @discourseComputed
  siteName() {
    return this.siteSettings.title || "";
  },

  @discourseComputed("reason")
  showLoginButton(reason) {
    return reason === "requiresLogin";
  },

  actions: {
    skip() {
      if (this.currentUser) {
        CustomWizard.skip(this.get("wizardId"));
      } else {
        window.location = getURL("/");
      }
    },

    showLogin() {
      cookie("destination_url", getURL(`/w/${this.get("wizardId")}`));
      getOwner(this).lookup("route:application").send("showLogin");
    },
  },
});