'use strict';
define(
    [
        'app',
        'marionette',
        'Commands/CommandController',
        'Shared/Actioneer'
    ], function (App, Marionette, CommandController, Actioneer) {

        return Marionette.ItemView.extend({
            template : 'Shared/Toolbar/ButtonTemplate',
            className: 'btn',

            events: {
                'click': 'onClick'
            },

            initialize: function () {
                this.storageKey = this.model.get('menuKey') + ':' + this.model.get('key');
            },

            onRender: function () {
                if (this.model.get('active')) {
                    this.$el.addClass('active');
                    this.invokeCallback();
                }

                if (!this.model.get('title')) {
                    this.$el.addClass('btn-icon-only');
                }

                var command = this.model.get('command');
                if (command) {
                    Actioneer.bindToCommand({
                        command: {name: command},
                        element: this.$el
                    });
                }
            },

            onClick: function () {

                if (this.$el.hasClass('disabled')) {
                    return;
                }

                this.invokeCallback();
                this.invokeRoute();
                this.invokeCommand();
            },

            invokeCommand: function () {
                var command = this.model.get('command');
                if (command) {
                    CommandController.Execute(command);
                }
            },

            invokeRoute: function () {
                var route = this.model.get('route');
                if (route) {

                    require(
                        [
                            'Router'
                        ], function () {
                            App.Router.navigate(route, {trigger: true});
                        });
                }
            },

            invokeCallback: function () {

                if (!this.model.ownerContext) {
                    throw 'ownerContext must be set.';
                }

                var callback = this.model.get('callback');
                if (callback) {
                    callback.call(this.model.ownerContext);
                }
            }
        });
    });