define(['jquery','underscore','backbone','text!templates/blocked.html','collections/blocked','models/blocked','localstorage'],
       function($,_,Backbone,BlockedTemplate,BlockedCollection,BlockedModel){

    var BlockedView = Backbone.View.extend({
        el: $('#mainFeed'),

        template:_.template(BlockedTemplate),

        events: {
            "click #blockAdd": "addItem",
            "click .blockRemove": "removeItem"
        },

        initialize:function(){

            this.blockedList = new BlockedCollection();
            this.blockedList.fetch({
                async: false
            });
            this.render();
        },

        addItem: function(){
            var leName = $('#blockInput').val();
            var leUser = new BlockedModel({name: leName});
            this.bloquedList.add(leUser);
            leUser.save();
        },

        render:function(){

            this.$el.empty();
            this.$el.html(this.template({model:this.blockedList.toJSON()}));
            console.log(this.blockedList.toJSON());
        }
    });

    return BlockedView;
});