import { isArray } from '@ember/array';
import { inject as service } from '@ember/service';
import Component from '@ember/component';
import layout from './template';

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

  selected:          null,  // Selected service ID
  selectClass:       'form-control',
  canBalanceTo:      false, // require service have canBalanceTo=true
  canHaveContainers: false, // require service have hasContainers=true
  canBeSystem:       true, // allow service to have system=true
  exclude:           null,  // ID or array of IDs to exclude from list

  // For use as a catalog question
  field: null,              // Read default from a schema resourceField
  value: null,              // stackName/serviceName string output

  // For other abuses
  obj: null,

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

    if ( this.get('obj') ) {
      this.set('selected', this.get('obj.id'));
    }

    let def = this.get('field.default');
    if ( def && !this.get('selected') ) {
      var exact, justService;

      this.get('allServices.list').forEach((service) => {
        if ( def === service.value )
        {
          exact = service.id;
        }
        else if ( def === service.name )
        {
          justService = service.id;
        }
      });

      this.set('selected', exact || justService || null);
    }
  },

  grouped: function() {
    let list = this.get('allServices.list').filter((item) => {
      return (!this.get('canBalanceTo') || item.obj.get('canBalanceTo')) &&
             (!this.get('canHaveContainers') || item.obj.get('canHaveContainers')) &&
             ( this.get('canBeSystem') || !item.obj.get('system'));
    });

    let exclude = this.get('exclude');
    if ( exclude ) {
      if ( !isArray(exclude) ) {
        exclude = [exclude];
      }

      list = list.filter(x => !exclude.includes(x.id));
    }

    let out = this.get('allServices').group(list);
    let selected = this.get('allServices').byId(this.get('selected'));
    if ( selected && !list.findBy('id', selected.get('id')) ) {
      out['(Selected)'] = [{
        id: selected.get('id'),
        name: selected.get('displayName'),
        kind: selected.get('type'),
        obj: selected,
      }];
    }

    return out;
  }.property('allServices.list.[]','canBalanceTo','canHaveContainers'),

  selectedChanged: function() {
    let id = this.get('selected');
    let str = null;
    let service = null;

    if ( id ) {
      service = this.get('allServices').byId(id);
      if ( service ) {
        str = service.get('stack.name') + '/' + service.get('name');
      }
    }

    this.set('value', str);
    this.set('obj', service);
  }.observes('selected'),
});