import Ember from 'ember';
import config from 'flaredown/config/environment';
import CryptoJS from 'cryptojs';

const {
  get,
  set,
  computed,
  inject: {
    service,
  },
  setProperties,
  Component,
} = Ember;

export default Component.extend({
  i18n: service(),

  classNames: ['flaredown-white-box', 'sharedPatternsDialog'],

  secretPhrase: config.encryptionSecret,
  staticUrl: config.staticUrl,
  loadingPatterns: false,
  page: 2,

  checkedPatterns: computed('patterns.@each.checked', function() {
    return get(this, 'patterns').filter((pattern) => pattern.checked);
  }),

  nothingChecked: computed('checkedPatterns.[]', function() {
    return get(this, 'checkedPatterns.length') === 0;
  }),

  encryptedUrl: computed('checkedPatterns.[]', function() {
    const checkedPatternIds = get(this, 'checkedPatterns.[]').map((pattern) => pattern.id);
    const encryptedParams = CryptoJS.AES.encrypt(checkedPatternIds.join(', '), get(this, 'secretPhrase'));

    return `${get(this, 'staticUrl')}/patterns/${encodeURIComponent(encryptedParams)}`;
  }),

  actions: {
    sharedPatterns() {
      const encryptedUrl = encodeURIComponent(get(this, 'encryptedUrl'));
      const currentUser = get(this, 'session.currentUser');
      const screenName = currentUser ?  get(currentUser, 'profile.screenName') : "";
      const subject = `${screenName} would like to share their health patterns with you`;

      window.location.href = `mailto:?subject=${subject}&body=${encryptedUrl}`;
    },

    requestData() {
      let page = get(this, 'page');
      set(this, 'loadingPatterns', true);

      get(this, 'store').query('pattern', { page: page }).then((record) => {
        setProperties(this, { loadingPatterns: false, page: page + 1 });

        get(this, 'patterns').toArray().pushObject(record);
      })
    },
  },
});