/*
 * Copyright (c) 2014 ThoughtWorks, Inc.
 *
 * Pixelated is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Pixelated is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
 */

define(
  [
    'flight/lib/component',
    'views/templates',
    'page/events',
    'helpers/iterator',
    'mail_view/ui/recipients/recipients_input',
    'mail_view/ui/recipients/recipient',
    'mail_view/ui/recipients/recipients_iterator'
  ],
  function (defineComponent, templates, events, Iterator, RecipientsInput, Recipient, RecipientsIterator) {
    'use strict';

    return defineComponent(recipients);

    function recipients() {
      this.defaultAttrs({
        navigationHandler: '.recipients-navigation-handler',
        recipientsList: '.recipients-list'
      });

      function getAddresses(recipients) {
        return _.flatten(_.map(recipients, function (e) { return e.attr.address;}));
      }

      function moveLeft() { this.attr.iterator.moveLeft(); }
      function moveRight() { this.attr.iterator.moveRight(); }
      function deleteCurrentRecipient() {
        this.attr.iterator.deleteCurrent();
        this.addressesUpdated();
      }

      function editCurrentRecipient(event, recipient) {
        var mailAddr = this.attr.iterator.current().getMailAddress();
        this.attr.iterator.deleteCurrent();
        this.attr.input.$node.val(mailAddr).focus();
        this.unselectAllRecipients();
        this.addressesUpdated();
      }

      this.clickToEditRecipient = function(event, recipient) {
        this.attr.iterator = null;
        var mailAddr = recipient.getMailAddress();

        var position = this.getRecipientPosition(recipient);
        this.attr.recipients.splice(position, 1);
        recipient.destroy();

        this.addressesUpdated();
        this.unselectAllRecipients();
        this.attr.input.$node.val(mailAddr).focus();
      };

      this.getRecipientPosition = function(recipient) {
        return recipient.$node.closest('.recipients-area').find('.fixed-recipient').index(recipient.$node);
      };

      this.unselectAllRecipients = function() {
        this.$node.find('.recipient-value.selected').removeClass('selected');
      };

      var SPECIAL_KEYS_ACTIONS = {
        8: deleteCurrentRecipient,
        46: deleteCurrentRecipient,
        32: editCurrentRecipient,
        13: editCurrentRecipient,
        37: moveLeft,
        39: moveRight
      };

      this.addRecipient = function(recipient) {
        var newRecipient = Recipient.prototype.renderAndPrepend(this.$node.find(this.attr.recipientsList), recipient);
        this.attr.recipients.push(newRecipient);
      };

      this.recipientEntered = function (event, recipient) {
        this.addRecipient(recipient);
        this.addressesUpdated();
      };

      this.invalidRecipientEntered = function(event, recipient) {
        recipient.invalidAddress = true;
        this.addRecipient(recipient);
      };

      this.deleteRecipient = function (event, recipient) {
        this.attr.iterator = null;
        var position = this.getRecipientPosition(recipient);

        this.attr.recipients.splice(position, 1);
        recipient.destroy();

        this.addressesUpdated();
      };

      this.deleteLastRecipient = function () {
        this.attr.recipients.pop().destroy();
        this.addressesUpdated();
      };

      this.enterNavigationMode = function () {
        this.attr.iterator = new RecipientsIterator({
          elements: this.attr.recipients,
          exitInput: this.attr.input.$node
        });

        this.attr.iterator.current().doSelect();
        this.attr.input.$node.blur();
        this.select('navigationHandler').focus();
      };

      this.leaveNavigationMode = function () {
        if(this.attr.iterator) { this.attr.iterator.current().unselect(); }
        this.attr.iterator = null;
      };

      this.selectLastRecipient = function () {
        if (this.attr.recipients.length === 0) { return; }
        this.enterNavigationMode();
      };

      this.attachInput = function () {
        this.attr.input = RecipientsInput.prototype.attachAndReturn(this.$node.find('input[type=text]'), this.attr.name);
      };

      this.processSpecialKey = function (event) {
        if(SPECIAL_KEYS_ACTIONS.hasOwnProperty(event.which)) { SPECIAL_KEYS_ACTIONS[event.which].apply(this); }
      };

      this.initializeAddresses = function () {
        _.each(_.flatten(this.attr.addresses), function (address) {
          this.addRecipient({ address: address, name: this.attr.name });
        }.bind(this));
      };

      this.addressesUpdated = function() {
        this.trigger(document, events.ui.recipients.updated, {recipientsName: this.attr.name, newRecipients: getAddresses(this.attr.recipients)});
      };

      this.doCompleteRecipients = function () {
        var address = this.attr.input.$node.val();
        if (!_.isEmpty(address)) {
          var recipient = Recipient.prototype.renderAndPrepend(this.$node, { name: this.attr.name, address: address });
          this.attr.recipients.push(recipient);
          this.attr.input.$node.val('');
        }

        this.trigger(document, events.ui.recipients.updated, {
          recipientsName: this.attr.name,
          newRecipients: getAddresses(this.attr.recipients),
          skipSaveDraft: true
        });

      };

      this.after('initialize', function () {
        this.attr.recipients = [];
        this.attachInput();
        this.initializeAddresses();

        this.on(events.ui.recipients.deleteRecipient, this.deleteRecipient);
        this.on(events.ui.recipients.deleteLast, this.deleteLastRecipient);
        this.on(events.ui.recipients.selectLast, this.selectLastRecipient);
        this.on(events.ui.recipients.entered, this.recipientEntered);
        this.on(events.ui.recipients.enteredInvalid, this.invalidRecipientEntered);
        this.on(events.ui.recipients.clickToEdit, this.clickToEditRecipient);

        this.on(document, events.ui.recipients.doCompleteInput, this.doCompleteRecipients);

        this.on(this.attr.input.$node, 'focus', this.leaveNavigationMode);
        this.on(this.select('navigationHandler'), 'keydown', this.processSpecialKey);

        this.on(document, events.dispatchers.rightPane.clear, this.teardown);
      });
    }
  });