import Controller from '@ember/controller';
import { get, set } from '@ember/object';
import Changeset from 'ember-changeset';
import lookupValidator from 'ember-changeset-validations';

import validations from 'consul-ui/validations/intention';

export default Controller.extend({
  setProperties: function(model) {
    this.changeset = new Changeset(model.item, lookupValidator(validations), validations);
    const sourceName = get(model.item, 'SourceName');
    const destinationName = get(model.item, 'DestinationName');
    let source = model.items.findBy('Name', sourceName);
    let destination = model.items.findBy('Name', destinationName);
    if (!source) {
      source = { Name: sourceName };
      model.items = [source].concat(model.items);
    }
    if (!destination) {
      destination = { Name: destinationName };
      model.items = [destination].concat(model.items);
    }
    this._super({
      ...model,
      ...{
        item: this.changeset,
        SourceName: source,
        DestinationName: destination,
      },
    });
  },
  actions: {
    createNewLabel: function(term) {
      return `Use a future Consul Service called '${term}'`;
    },
    isUnique: function(term) {
      return !get(this, 'items').findBy('Name', term);
    },
    change: function(e, value, _target) {
      // normalize back to standard event
      const target = e.target || { ..._target, ...{ name: e, value: value } };
      let name,
        selected = target.value;
      // TODO:
      // linter needs this here?
      let match;
      switch (target.name) {
        case 'Description':
        case 'Action':
          set(this.changeset, target.name, target.value);
          break;
        case 'SourceName':
        case 'DestinationName':
          if (typeof name !== 'string') {
            name = get(target.value, 'Name');
          }
          // linter doesn't like const here
          match = get(this, 'items').filterBy('Name', name);
          if (match.length === 0) {
            selected = { Name: name };
            // linter doesn't mind const here?
            const items = [selected].concat(this.items.toArray());
            set(this, 'items', items);
          }
          set(this.changeset, target.name, name);
          set(this, target.name, selected);
          break;
      }
      this.changeset.validate();
    },
  },
});