import { resolve, reject } from 'rsvp';
import { inject as service } from '@ember/service';
import Component from '@ember/component';
import NewOrEdit from 'shared/mixins/new-or-edit';
import layout from './template';

const SPECIAL = {
  '': 'editVolume.driver.local',
  'rancher-nfs': 'editVolume.driver.nfs',
  'rancher-ebs': 'editVolume.driver.ebs',
  'rancher-efs': 'editVolume.driver.efs',
  'longhorn': 'editVolume.driver.longhorn',
}

const HIDE = [
  'rancher-secrets',
];

export default Component.extend(NewOrEdit, {
  layout,
  intl: service(),

  model: null,
  scope: 'global',
  stack: null,
  selectStack: true,
  isUpgrade: false,
  actuallySave: true,

  customDriver: false,

  init() {
    window.nev = this;
    this._super(...arguments);

    let choices = this.get('driverChoices');
    if ( choices.get('length') === 0 ) {
      this.set('customDriver',true);
    } else if ( !this.get('model.driver') ) {
      this.set('model.driver', choices.get('firstObject.value'));
    }

    if ( !this.get('stack') ) {
      this.set('stack', this.get('store').all('stack').findBy('isDefault',true));
    }
  },

  actions: {
    cancel: function() {
      this.sendAction('cancel');
    },

    toggleCustomDriver() {
      this.toggleProperty('customDriver');

      let standard = !!this.get('driverChoices').findBy('value', this.get('model.driver'));
      if ( !this.get('customDriver') && !standard ) {
        this.set('model.driver', null);
      }
    },
  },

  driverChoices: function() {
    let intl = this.get('intl');
    let drivers = this.get('store').all('storagepool')
      .map((x) => x.driverName)
      .uniq()
      .filter((x) => !!x && !HIDE.includes(x));

    // Local driver
    drivers.unshift('');

    let choices = drivers.map((driver) => {
        let key = SPECIAL[driver];
        if ( key ) {
          return { label: intl.t(key), value: driver, special: true };
        }
        return { label: driver, value: driver, special: false };
      }).sortBy('special:desc','label');

    return choices;
  }.property('intl.locale'),

  headerToken: function() {
    let k = 'editVolume.';

    if ( this.get('isUpgrade') ) {
      k += 'upgrade.';
    } else if ( this.get('actuallySave' ) ) {
      k += 'add.';
    } else {
      k += 'define.';
    }

    k += this.get('scope');
    return k;
  }.property('isUpgrade','scope'),

  willSave() {
    let scope = this.get('scope');
    let pr;
    let type = 'volumeTemplate';

    if ( scope === 'global' ) {
      type = 'volume';
    }

    pr = this.get('store').createRecord(this.get('model'),{type: type});
    this.set('primaryResource', pr);

    if ( !this.get('actuallySave') ) {
      pr.set('stackId','TBD'); // StackID is required, but won't be set here yet
      let ok = this._super(...arguments);
      if ( ok ) {
        let type = pr.get('type');
        this.sendAction('doSave', {
          scope: this.get('scope'),
          [type]: pr,
        });
        this.doneSaving();
      }

      return false;
    }

    let stackPromise;
    // Set the stack ID
    if ( scope === 'global' ) {
      stackPromise = resolve();
    } else {
      pr.set('perContainer', (scope === 'container'));

      if ( this.get('stack.id') ) {
        pr.set('stackId', this.get('stack.id'));
        stackPromise = resolve();
      } else if ( this.get('stack') && this.get('stack.name') ) {
        stackPromise = this.get('stack').save().then((newStack) => {
          pr.set('stackId', newStack.get('id'));
        });
      } else {
        stackPromise = reject('Stack is required');
      }
    }

    let sup = this._super;
    return stackPromise.then(() => {
      let ok = sup.apply(this,...arguments);
      return ok;
    }).catch(() => {
      return false;
    });
  },

  doneSaving() {
    this.sendAction('done');
  },
});