/*
 * vim: ts=4:sw=4:expandtab
 */
(function () {
    'use strict';
    window.Whisper = window.Whisper || {};

    Whisper.NewGroupUpdateView = Whisper.View.extend({
        tagName:   "div",
        className: 'new-group-update',
        templateName: 'new-group-update',
        initialize: function(options) {
            this.render();
            this.avatarInput = new Whisper.FileInputView({
                el: this.$('.group-avatar'),
                window: options.window
            });

            this.recipients_view = new Whisper.RecipientsInputView();
            this.listenTo(this.recipients_view.typeahead, 'sync', function() {
                this.model.contactCollection.models.forEach(function(model) {
                    if (this.recipients_view.typeahead.get(model)) {
                        this.recipients_view.typeahead.remove(model);
                    }
                }.bind(this));
            });
            this.recipients_view.$el.insertBefore(this.$('.container'));

            this.member_list_view = new Whisper.ContactListView({
                collection: this.model.contactCollection,
                className: 'members'
            });
            this.member_list_view.render();
            this.$('.scrollable').append(this.member_list_view.el);
        },
        events: {
            'click .back': 'goBack',
            'click .send': 'send',
            'focusin input.search': 'showResults',
            'focusout input.search': 'hideResults',
        },
        hideResults: function() {
            this.$('.results').hide();
        },
        showResults: function() {
            this.$('.results').show();
        },
        goBack: function() {
            this.trigger('back');
        },
        render_attributes: function() {
            return {
                name: this.model.getTitle(),
                avatar: this.model.getAvatar()
            };
        },
        send: function() {
            return this.avatarInput.getThumbnail().then(function(avatarFile) {
                var now = Date.now();
                var attrs = {
                    timestamp: now,
                    active_at: now,
                    name: this.$('.name').val(),
                    members: _.union(this.model.get('members'), this.recipients_view.recipients.pluck('id'))
                };
                if (avatarFile) {
                    attrs.avatar = avatarFile;
                }
                this.model.set(attrs);
                var group_update = this.model.changed;
                this.model.save();

                if (group_update.avatar) {
                    this.model.trigger('change:avatar');
                }

                this.model.updateGroup(group_update);
                this.goBack();
            }.bind(this));
        }
    });
})();