import Ember from 'ember';
import { translationMacro as t } from "ember-i18n";

const {
  get,
  set,
  computed,
  computed: {
    alias,
  },
  inject: {
    service,
  },
  Component
} = Ember;

export default Component.extend({
  i18n: service(),
  ajax: service(),

  classNames: ['checkinPrStep'],
  checkin: alias('parentView.model.checkin'),

  didReceiveAttrs() {
    this._super(...arguments);

    const checkin = get(this, 'checkin');
    const pr = get(this, 'checkin.promotionRate');
    const store = get(this, 'store');

    if(store) {
      set(this, 'pr', pr || store.createRecord('promotionRate', { checkin }));
    }
  },

  feedBackLabel: t("step.checkin.promotion_rate.feedBackLabel"),
  prBody: t("step.checkin.promotion_rate.rateBody"),

  prRates: [1,2,3,4,5,6,7,8,9,10],

  showRatePage: computed('pr.score', function() {
    const score = get(this, 'pr.score');

    return typeof score == 'undefined';
  }),

  actions: {
    sendFeedback() {
      const pr = get(this, 'pr');

      set(pr, 'score', get(this, 'selectedRate'));
      pr.save();

      set(this, 'showRatePage', false);
    },

    skipStep() {
      let checkin = get(this, 'checkin');
      set(checkin, 'promotionSkippedAt', get(checkin, 'date'));
      checkin.save();

      get(this, 'onStepCompleted')();
    },

    goBack() {
      get(this, 'onGoBack')();
    },
  }
});