import Step from "wizard/models/step";
import WizardField from "wizard/models/wizard-field";
import { ajax } from "wizard/lib/ajax";
import discourseComputed from "discourse-common/utils/decorators";
import EmberObject from "@ember/object";

const Wizard = EmberObject.extend({
  @discourseComputed("steps.length")
  totalSteps: length => length,

  getTitle() {
    const titleStep = this.steps.findBy("id", "forum-title");
    if (!titleStep) {
      return;
    }
    return titleStep.get("fieldsById.title.value");
  },

  getLogoUrl() {
    const logoStep = this.steps.findBy("id", "logos");
    if (!logoStep) {
      return;
    }
    return logoStep.get("fieldsById.logo_url.value");
  },

  // A bit clunky, but get the current colors from the appropriate step
  getCurrentColors(schemeId) {
    const colorStep = this.steps.findBy("id", "colors");
    if (!colorStep) {
      return this.current_color_scheme;
    }

    const themeChoice = colorStep.get("fieldsById.theme_previews");
    if (!themeChoice) {
      return;
    }

    const themeId = schemeId ? schemeId : themeChoice.get("value");
    if (!themeId) {
      return;
    }

    const choices = themeChoice.get("choices");
    if (!choices) {
      return;
    }

    const option = choices.findBy("id", themeId);
    if (!option) {
      return;
    }

    return option.data.colors;
  }
});

export function findWizard() {
  return ajax({ url: "/wizard.json" }).then(response => {
    const wizard = response.wizard;
    wizard.steps = wizard.steps.map(step => {
      const stepObj = Step.create(step);
      stepObj.fields = stepObj.fields.map(f => WizardField.create(f));
      return stepObj;
    });

    return Wizard.create(wizard);
  });
}
