define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTemplate.html', 'modules/base/baseView', 'classes/profile'],
    function($, _, Backbone, settingsViewTemplate, BaseView, Profile){

        var SettingsView = BaseView.extend({

            //initialize template
            template:_.template(settingsViewTemplate),

            initialize: function () {
                SettingsView.__super__.initialize.call(this);
            },

            events: {
                "click #saveBtn": "saveBtn"
            },

            saveBtn:function(e){
                e.preventDefault();
                Profile.data.risRic = this.$el.find('#nResult').val();
                Profile.data.tema = this.$el.find('#theme').val();
                Profile.updateProfile(function(){
                    Backbone.history.loadUrl();
                });
            },

            //render the content into div of view
            render: function(){
                SettingsView.__super__.render.call(this);
                //this.el is the root element of Backbone.View. By default, it is a div.
                //$el is cached jQuery object for the view's element.
                //append the compiled template into view div container
                this.$el.append(this.header.$el);
                this.$el.append(this.template());
                this.$el.append(this.footer.$el);

                this.$el.find('#nResult').val(Profile.data.risRic);
                this.$el.find('#theme').val(Profile.data.tema);

                this.$el.find("#moreBtn").addClass("ui-btn-active");
                //$("#homeBtn").addClass("ui-btn-active");
                //return to enable chained calls
                return this;
            }
        });
        return SettingsView;
    });