import { inject as service } from '@ember/service';
import Component from '@ember/component';
import C from 'ui/utils/constants';
import layout from './template';
import { get, set, computed } from '@ember/object';

export default Component.extend({
  layout,
  access: service(),
  intl: service(),
  globalStore: service(),
  allowTeams: true,
  checking: false,
  addInput: '',
  allPrincipals: null,
  showDropdown: computed('access.provider', function() {
    return get(this, 'access.provider') !== 'localauthconfig';
  }),

  init: function() {
    set(this, 'allPrincipals', get(this, 'globalStore').all('principal'));
    get(this, 'globalStore').findAll('principal');
    this._super();
  },

  actions: {
    add: function() {
      if ( get(this, 'checking') )
      {
        return;
      }

      set(this, 'checking', true);
      var input = get(this, 'addInput').trim();

      get(this, 'globalStore').rawRequest({
        url: 'principals?action=search',
        method: 'POST',
        data: {
          name: input,
        }
      }).then((xhr) => {
        if ( xhr.status === 204 ) {
          return;
        }

        if ( xhr.body && typeof xhr.body === 'object' ) {
          let principal = get(xhr, 'body.data.firstObject');
          set(principal, 'ignore', true);
          set(this, 'addInput', '');
          get(this, 'globalStore')._add('principal', principal);
          this.send('addObject', get(principal, 'id'));
        }
      }).catch((xhr) => {
        this.sendAction('onError','Principal not found: ' + xhr.statusText);
      }).finally(() => {
        set(this, 'checking', false);
      });
    },

    addObject: function(info) {
      this.sendAction('action', info);
    }
  },

  addDisabled: computed('addInput','checking', function() {
    return get(this, 'checking') || get(this, 'addInput').trim().length === 0;
  }),

  dropdownChoices: computed('allPrincipals.@each.{logicalType,id}','allowTeams', function() {
    var allowTeams = get(this, 'allowTeams');
    return get(this, 'allPrincipals').filter((principal) => {
      var type = get(principal, 'parsedExternalType');
      var logicalType = get(principal, 'logicalType');

      // Don't show people
      if ( logicalType === C.PROJECT.PERSON )
      {
        return false;
      }

      // Don't show teams if disabled
      if ( !allowTeams && type === C.PROJECT.TYPE_GITHUB_TEAM )
      {
        return false;
      }

      if (get(principal, 'ignore')) {
        return false;
      }

      return true;
    }).sortBy('logicalTypeSort','profileUrl','name');
  }),

  dropdownLabel: computed('access.provider', 'intl.locale', function() {
    let out = '';
    let intl = get(this, 'intl');
    if ( get(this, 'access.provider') === 'githubconfig' )
    {
      out = intl.findTranslationByKey('inputIdentity.dropdownLabel.teams');
    }
    else
    {
      out = intl.findTranslationByKey('inputIdentity.dropdownLabel.groups');
    }
    return intl.formatMessage(out);
  }),
});