function setMenu(menuItem) {
    $('li').removeClass('active');
    $(menuItem).addClass('active');
}
$(function () {
    var UserModel = Backbone.Model.extend({
        defaults: {
            userId: null,
            login: "",
            password: ""
        }

    });

    var UsersCollection = Backbone.Collection.extend({
        model: UserModel,
        url: "rest/users/findByRole/manager"
    });


    var users = new UsersCollection();

    var UsersView = Backbone.View.extend({
        el: $('.content'),
        template: _.template($('#users').html()),
        initialize: function () {
            this.render();
        },
        render: function () {
            setMenu('.users');
            users.fetch({async: false});
            var models = {"users": users.toJSON()};
            this.$el.html(this.template(models));
            users.each(function (user) {
                $('#table-body').append(
                        '<tr>' +
                        '<td>' + user.get('userId') + '</td>' +
                        '<td>' + user.get('login') + '</td>' +
                        '<td>' + user.get('password') + '</td>' +
                        '<td><a href="#editUser/' + user.get('userId') +
                        '">Edit</a> / <a href="#deleteUser/' + user.get('userId') +
                        '">Delete</a></td>' +
                        '</tr>'
                        )
            });
        }
    });

    var AddUserView = Backbone.View.extend({
        el: $('.content'),
        events: {
            'click #addSbmt': 'submitForm'
        },
        template: _.template($('#addUser').html()),
        initialize: function () {
            this.render();
        },
        render: function () {
            setMenu('.addUser');
            this.$el.html(this.template({}));
        },
        submitForm: function () {
            var user = new UserModel();
            user.set('login', $('#login').val());
            user.set('password', $('#password').val());
            user.save({async: false});
            window.location.hash = 'users';
        }
    });



    var MainRouter = Backbone.Router.extend({
        routes: {
            "": "users",
            "users": "users",
            "addUser": "addUser",
            "editUser/:id": "editUser",
            "deleteUser/:id": "deleteUser"
        },
        initialize: function () {
            Backbone.history.start();
        },
        users: function () {
            new UsersView();
        },
        addUser: function () {
           new AddUserView();
        },
        editUser: function (id) {

        },
        deleteUser: function (id) {

        }
    });

    var mainRouter = new MainRouter();

});