export default {
  name: 'custom-routes',

  initialize(app) {
    if (app.constructor.name !== 'Class' || app.get('rootElement') !== '#custom-wizard-main') return;

    const WizardApplicationRoute = requirejs('wizard/routes/application').default;
    const findCustomWizard = requirejs('discourse/plugins/discourse-custom-wizard/wizard/models/custom').findCustomWizard;
    const Router = requirejs('wizard/router').default;
    const ajax = requirejs('wizard/lib/ajax').ajax;
    const StepRoute = requirejs('wizard/routes/step').default;
    const StepModel = requirejs('wizard/models/step').default;
    const WizardStep = requirejs('wizard/components/wizard-step').default;
    const getUrl = requirejs('discourse-common/lib/get-url').default;

    Router.map(function() {
      this.route('custom', { path: '/custom/:id' }, function() {
        this.route('step', { path: '/steps/:step_id' });
      });
    });

    WizardApplicationRoute.reopen({
      model() {
        const customParams = this.paramsFor('custom');
        return findCustomWizard(customParams.id);
      },

      afterModel(model) {
        return ajax({
          url: `/site/basic-info`,
          type: 'GET',
        }).then((result) => {
          return model.set('siteInfo', result);
        });
      },

      setupController(controller, model) {
        controller.setProperties({
          customWizard: true,
          siteInfo: model.get('siteInfo')
        });
      }
    });

    StepModel.reopen({
      save() {
        const fields = {};
        this.get('fields').forEach(f => fields[f.id] = f.value);
        return ajax({
          url: `/wizard/custom/${this.get('wizardId')}/steps/${this.get('id')}`,
          type: 'PUT',
          data: { fields }
        }).catch(response => {
          response.responseJSON.errors.forEach(err => this.fieldError(err.field, err.description));
          throw response;
        });
      }
    });

    StepRoute.reopen({
      afterModel(model) {
        const wizard = this.modelFor('application');
        return model.set("wizardId", wizard.id);
      }
    });

    WizardStep.reopen({
      bannerImage: function() {
        const src = this.get('step.banner');
        if (!src) return;

        if (src.indexOf('/uploads/') > -1) {
          return getUrl(src);
        } else {
          return getUrl(`/images/wizard/${src}`);
        };
      }.property('step.banner'),

      advance() {
        this.set('saving', true);
        this.get('step').save()
          .then(response => {
            if (this.get('finalStep')) {
              document.location = getUrl("/");
            } else {
              this.sendAction('goNext', response);
            }
          })
          .catch(() => this.animateInvalidFields())
          .finally(() => this.set('saving', false));
      },

      actions: {
        quit() {
          this.set('finalStep', true);
          this.send('nextStep');
        }
      }
    });
  }
};