import { inject as service } from '@ember/service';
import Component from '@ember/component';
import Errors from 'ui/utils/errors';
import layout from './template';

export default Component.extend({
  layout,
  tagName: 'section',
  classNames: ['well'],
  settings: service(),
  access: service(),

  model: null,
  individuals: 'siteAccess.users',
  collection: 'siteAccess.groups',

  saved: true,
  errors: null,

  showList: function() {
    return this.get('copy.accessMode') !== 'unrestricted';
  }.property('copy.accessMode'),

  actions: {
    addAuthorized: function(data) {
      this.send('clearError');
      this.set('saved', false);
      this.get('copy.allowedIdentities').pushObject(data);
    },

    removeIdentity: function(ident) {
      this.set('saved', false);
      this.get('copy.allowedIdentities').removeObject(ident);
    },

    save: function(btnCb) {
      this.send('clearError');

      if ( this.get('showList') && !this.get('copy.allowedIdentities.length') )
      {
        this.send('gotError', 'You must add at least one authorized entry');
        btnCb();
        return;
      }

      this.set('saved', false);

      let copy = this.get('copy');
      copy.save().then(() => {
        this.get('model').replaceWith(copy);
        this.set('copy.allowedIdentities', this.get('copy.allowedIdentities').slice());
        this.set('saved', true);
      }).catch((err) => {
        this.send('gotError', err);
      }).finally(() => {
        btnCb();
      });
    },

    gotError: function(err) {
      this.set('errors', [Errors.stringify(err)]);
    },

    clearError: function() {
      this.set('errors', null);
    },
  },

  didReceiveAttrs() {
    this.set('copy', this.get('model').clone());
    this.set('copy.allowedIdentities', (this.get('copy.allowedIdentities')||[]).slice());
  },

  accessModeChanged: function() {
    this.set('saved',false);
    let identities = this.get('copy.allowedIdentities');
    if ( !identities )
    {
      identities = [];
      this.set('copy.allowedIdentities', identities);
    }

    if ( this.get('copy.accessMode') !== 'unrestricted' )
    {
      let me = this.get('access.identity');
      let found = identities.filterBy('id', me.get('id')).length > 0;
      if ( !found )
      {
        identities.push(me);
      }
    }
  }.observes('copy.accessMode'),

});