window.Priority = Backbone.Model.extend({});
window.PriorityView = Backbone.View.extend({
    tagName : 'li',
    className: 'ui-state-default',
    initialize: function() {
        _.bindAll(this, 'render');
        this.model.bind('change', this.render);
        this.template= _.template($('#priority-list-item-template').html());
    },

    render: function() {
        var renderedContent = this.template(this.model.toJSON());
        $(this.el).html(renderedContent);
        return this;
    }
});

window.UserPriorityView = Backbone.View.extend({
    tagName : 'li',
    className: 'ui-state-default',

    initialize: function() {
        _.bindAll(this, 'render');
        this.model.bind('change', this.render);
        this.template= _.template($(
            '#user-priority-list-item-template').html());
    },

    render: function() {
        var renderedContent = this.template(this.model.toJSON());
        $(this.el).attr('id', 'priority_' + this.model.get('uuid'));
        $(this.el).html(renderedContent);
        return this;
    }
});

window.TimeBoxPriorityView = Backbone.View.extend({
    tagName : 'li',
    className: 'ui-state-default',
    initialize: function() {
        _.bindAll(this, 'render');
        this.model.bind('change', this.render);
        this.template= _.template($(
            '#timebox-priority-list-item-template').html());
    },

    render: function() {
        var renderedContent = this.template(this.model.toJSON());
        $(this.el).html(renderedContent);
        return this;
    }
});

window.GroupPriorities = Backbone.Collection.extend({
    model : window.Priority,
    url : function() {
        return document.location + '/group_priorities';
    }
});

window.GroupPrioritiesView = Backbone.View.extend({
    initialize: function() {
            _.bindAll(this, 'render');
        this.template = _.template($('#group-priorities-template').html());
        this.collection.bind('reset', this.render);
    },

    events: {
        'click .timebox' : 'timebox'
    },

    timebox : function(e) {
        timebox($(e.currentTarget).attr('id'));
    },

    render: function() {
        var $priorities,
            collection = this.collection;
            $(this.el).html(this.template({}));
        $priorities = $('#group-priorities');
        effort = 0;
        collection.each(function(priority) {
            if(! priority.get('archived')) {
                effort += priority.get('effort');
                var view = new PriorityView({
                    model : priority,
                    collection: collection
                });
                if(effort > priority.get('velocity')) {
                    view.el.className = 'out-of-scope ui-state-default';
                } else {
                    view.el.className = 'ui-state-hover';
                }
                $priorities.append(view.render().el);
            }
        });
        return this;
    }
});

window.TimeBoxPrioritiesView = Backbone.View.extend({
    initialize: function() {
        _.bindAll(this, 'render');
        this.template =_.template($('#timebox-priorities-template').html());
        this.collection.bind('reset', this.render);
    },

    events: {
        'click .complete' : 'complete'
    },

    complete : function(e) {
        complete($(e.currentTarget).attr('id'));
    },

    render: function() {
        var $priorities,
            collection = this.collection;
            $(this.el).html(this.template({}));
        $priorities = $('#timebox-priorities');
        collection.each(function(priority) {
            if(priority.get('timeboxed')) {
                var view = new TimeBoxPriorityView({
                    model : priority,
                    collection: collection
                });
                $priorities.append(view.render().el);
            }
        });
        return this;
    }
});


window.UserPrioritiesView = Backbone.View.extend({
    initialize: function() {
        _.bindAll(this, 'render');
        this.template = _.template($('#user-priorities-template').html());
        this.collection.bind('reset', this.render);
    },

    events: {
        'click .effort_menu .data-box' : 'set_effort',
        'click .user-timebox' : 'timebox'
    },

    timebox : function(e) {
        vote_to_timebox($(e.currentTarget).attr('id'));
    },

    set_effort: function(e, ui) {
        effort = $(e.currentTarget).html();
        wrapper = acquire_wrapper(e.currentTarget, 'priority');
        uuid = $(wrapper).attr('id');
        set_effort(uuid, effort);
    },

    render: function() {
        var $priorities,
            collection = this.collection;
            $(this.el).html(this.template({}));
        $priorities = $('#user-priorities');
        user_order = new Array();
        unordered = new Array();
        collection.each(function(p) {
            if(p.get('user_order') == 0) {
                unordered.push(p);
            } else {
                user_order.push(p);
            }
        });
        user_order = _.sortBy(user_order,
            function(p) { return p.get('user_order');});
        $.each(user_order, function() {
            var view = new UserPriorityView({
                model : this,
                collection: collection
            });
            $priorities.append(view.render().el);
        });
        $.each(unordered, function() {
            var view = new UserPriorityView({
                model : this,
                collection: collection
            });
            $priorities.append(view.render().el);
        });
        $sortable = $('.sortable');
        $sortable.sortable({
            update:function(event, ui) {
                var ids = $sortable.sortable('serialize');
                var action = "action=set_priority_order&" + ids
                $.ajax({
                    type: "POST",
                    url: document.location,
                    data: action
                }).done(function(html) {
                    window.group_priorities.fetch();
                });
            }
        });
        $sortable.disableSelection();
        return this;
    }
});

window.group_priorities = new GroupPriorities();

window.GroupRouter = Backbone.Router.extend({
    routes: {
        '': 'home'
    },

    initialize: function() {
        this.groupPrioritiesView = new GroupPrioritiesView({
            collection: window.group_priorities
        });
        this.userPrioritiesView = new UserPrioritiesView({
            collection: window.group_priorities
        });
        this.timeBoxPrioritiesView = new TimeBoxPrioritiesView({
            collection: window.group_priorities
        });
    },

    home: function() {
        var $container = $('#priority-list');
        $container.empty();
        $container.append(this.groupPrioritiesView.render().el);

        $container = $('#user-priority-list');
        $container.empty();
        $container.append(this.userPrioritiesView.render().el);

        $container = $('#timebox-priority-list');
        $container.empty();
        $container.append(this.timeBoxPrioritiesView.render().el);
    }
});

$(function() {
    window.group_priorities.fetch();
    window.router = new GroupRouter();
    Backbone.history.start();
});