import Component from '@ember/component';
import { setProperties, set, get } from '@ember/object';

export default Component.extend({
  tagName: '',
  ondelete: function() {
    this.onsubmit(...arguments);
  },
  oncancel: function() {
    this.onsubmit(...arguments);
  },
  onsubmit: function() {},
  actions: {
    createServices: function(item, e) {
      // Services in the menus should:
      // 1. Be unique (they potentially could be duplicated due to services from different namespaces)
      // 2. Only include services that shold have intentions
      // 3. Include an 'All Services' option
      // 4. Include the current Source and Destination incase they are virtual services/don't exist yet
      let items = e.data
        .uniqBy('Name')
        .toArray()
        .filter(
          item => !['connect-proxy', 'mesh-gateway', 'terminating-gateway'].includes(item.Kind)
        )
        .sort((a, b) => a.Name.localeCompare(b.Name));
      items = [{ Name: '*' }].concat(items);
      let source = items.findBy('Name', item.SourceName);
      if (!source) {
        source = { Name: item.SourceName };
        items = [source].concat(items);
      }
      let destination = items.findBy('Name', item.DestinationName);
      if (!destination) {
        destination = { Name: item.DestinationName };
        items = [destination].concat(items);
      }
      setProperties(this, {
        services: items,
        SourceName: source,
        DestinationName: destination,
      });
    },
    createNspaces: function(item, e) {
      // Nspaces in the menus should:
      // 1. Include an 'All Namespaces' option
      // 2. Include the current SourceNS and DestinationNS incase they don't exist yet
      let items = e.data.toArray().sort((a, b) => a.Name.localeCompare(b.Name));
      items = [{ Name: '*' }].concat(items);
      let source = items.findBy('Name', item.SourceNS);
      if (!source) {
        source = { Name: item.SourceNS };
        items = [source].concat(items);
      }
      let destination = items.findBy('Name', item.DestinationNS);
      if (!destination) {
        destination = { Name: item.DestinationNS };
        items = [destination].concat(items);
      }
      setProperties(this, {
        nspaces: items,
        SourceNS: source,
        DestinationNS: destination,
      });
    },
    change: function(e, form, item) {
      const target = e.target;

      let name, selected, match;
      switch (target.name) {
        case 'SourceName':
        case 'DestinationName':
        case 'SourceNS':
        case 'DestinationNS':
          name = selected = target.value;
          // Names can be selected Service EmberObjects or typed in strings
          // if its not a string, use the `Name` from the Service EmberObject
          if (typeof name !== 'string') {
            name = get(target.value, 'Name');
          }
          // mutate the value with the string name
          // which will be handled by the form
          target.value = name;
          // these are 'non-form' variables so not on `item`
          // these variables also exist in the template so we know
          // the current selection
          // basically the difference between
          // `item.DestinationName` and just `DestinationName`
          // see if the name is already in the list
          match = this.services.filterBy('Name', name);
          if (match.length === 0) {
            // if its not make a new 'fake' Service that doesn't exist yet
            // and add it to the possible services to make an intention between
            selected = { Name: name };
            switch (target.name) {
              case 'SourceName':
              case 'DestinationName':
                set(this, 'services', [selected].concat(this.services.toArray()));
                break;
              case 'SourceNS':
              case 'DestinationNS':
                set(this, 'nspaces', [selected].concat(this.nspaces.toArray()));
                break;
            }
          }
          set(this, target.name, selected);
          break;
      }
      form.handleEvent(e);
    },
  },
});