import Component from '@ember/component';
import {
  computed, get, observer, set, setProperties
} from '@ember/object';
import { alias, equal } from '@ember/object/computed';
import { later } from '@ember/runloop';
import { inject as service } from '@ember/service';
import ModalBase from 'shared/mixins/modal-base';
import layout from './template';

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

  layout,

  classNames: ['modal-container', 'large-modal', 'fullscreen-modal'],

  loading:      false,
  showSuccess:  false,
  isLinux:      true,
  tokenErrors:  null,
  etcd:         false,
  controlplane: false,
  worker:       true,

  cluster:         alias('modalOpts.cluster'),
  clusterProvider: alias('cluster.clusterProvider'),
  canShowAddHost:  alias('cluster.canShowAddHost'),

  isCustom: equal('clusterProvider', 'custom'),

  init() {
    this._super(...arguments);
    this.shortcuts.disable();

    set(this, 'tokenErrors', []);

    this.loadToken();
    this.shouldDismissModal();
  },

  isLinuxChanged: observer('isLinux', function() {
    if (get(this, 'nodeWhich') !== 'custom') {
      return
    }

    const isLinux = get(this, 'isLinux')

    if (!isLinux) {
      setProperties(this, {
        controlplane: false,
        etcd:         false,
        worker:       true,
      })
    }
  }),

  shouldDismissModal: observer('canShowAddHost', function() {
    if ( this.isDestroyed || this.isDestroying ) {
      return;
    }

    const { canShowAddHost } = this;

    if (!canShowAddHost) {
      set(this, 'showSuccess', true);

      later(this, () => {
        if ( this.isDestroyed || this.isDestroying ) {
          return;
        }

        this.send('close');
      }, 3000);
    }
  }),

  isImport: computed('cluster.{aksDisplayImport,eksDisplayEksImport,gkeDisplayImport}', function() {
    const { clusterProvider } = this;

    if (clusterProvider === 'amazoneksv2') {
      return this.cluster.eksDisplayEksImport;
    } else if (clusterProvider === 'googlegkev2') {
      return this.cluster.gkeDisplayImport;
    } else if (clusterProvider === 'azureaksv2') {
      return this.cluster.aksDisplayImport;
    }

    return false;
  }),

  async loadToken() {
    const { cluster } = this;

    set(this, 'loading', true);

    try {
      const token = await cluster.getOrCreateToken();

      if ( this.isDestroyed || this.isDestroying ) {
        return;
      }

      if (token) {
        set(this, 'token', token);
      }
    } catch (err) {
      const errMsg = this.intl.t('modalShowCommand.errors.token', { err: err.message || 'Unknown' });

      set(this, 'tokenErrors', [errMsg]);
    }


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

  willDestroy() {
    this._super(...arguments);
    this.shortcuts.enable();
  }
});