'use strict';
define(
    [
        'vent',
        'marionette',
        'Mixins/AsModelBoundView'
    ], function (vent, Marionette, AsModelBoundView) {
        var view = Marionette.ItemView.extend({
            template: 'Rename/RenamePreviewItemViewTemplate',

            ui: {
                itemDiv: '.rename-preview-item',
                checkboxIcon: '.rename-checkbox i'
            },

            onRender: function () {
                this._setItemState();
                this.listenTo(this.model, 'change', this._setItemState);
                this.listenTo(this.model, 'rename:select', this._onRenameAll);
            },

            _setItemState: function () {
                var checked = this.model.get('rename');
                this.model.trigger('rename:select', this.model, checked);

                if (checked) {
                    this.ui.itemDiv.removeClass('do-not-rename');
                    this.ui.checkboxIcon.addClass('icon-check');
                    this.ui.checkboxIcon.removeClass('icon-check-empty');
                }

                else {
                    this.ui.itemDiv.addClass('do-not-rename');
                    this.ui.checkboxIcon.addClass('icon-check-empty');
                    this.ui.checkboxIcon.removeClass('icon-check');
                }
            },

            _onRenameAll: function (model, checked) {
                this.model.set('rename', checked);
            }
        });

        return AsModelBoundView.apply(view);
    });