/*---------------------------------------------------------
 * OpenERP Web Mobile Form View
 *---------------------------------------------------------*/

openerp.web_mobile.form_mobile = function (openerp) {

openerp.web_mobile.FormView = openerp.web.Widget.extend({
    init: function(session, element_id, list_id, action) {
        this._super(session, element_id);
        this.list_id = list_id;
        this.action = action;
        this.content_expanded_class = "ui-collapsible-content ui-collapsible-content-expanded";
        this.content_collapsed_class = "ui-collapsible-content ui-collapsible-content-collapsed";
        this.expanded_class = "ui-collapsible-content-expanded";
        this.collapsed_class = "ui-collapsible-content-collapsed";
        this.plus_class = "ui-icon-plus";
        this.minus_class = "ui-icon-minus";
    },
    start: function() {
        var self = this;
        var id = this.list_id;
        var model = this.action.res_model;
        var view_id = this.action.views[1][0];
        this.dataset = new openerp.web.DataSetSearch(this, this.action.res_model, null, null);
        var context = new openerp.web.CompoundContext(this.dataset.get_context());
        this.dataset.read_slice([],{}, function (result) {
            for (var i = 0; i < result.length; i++) {
                if (result[i].id == id) {
                    var data = result[i];
                }
            }
            self.rpc("/web/view/load", {"model": model, "view_id": view_id, "view_type": "form", context: context}, function (result) {
                var fields = result.fields;
                var view_fields = result.arch.children;
                var get_fields = self.get_fields(view_fields);
                var selection = new openerp.web_mobile.Selection();
                for (var j = 0; j < view_fields.length; j++) {
                    if (view_fields[j].tag == 'notebook') {
                        var notebooks = view_fields[j];
                    }
                }
                self.$element.html(QWeb.render("FormView", {'get_fields': get_fields, 'notebooks': notebooks || false, 'fields' : fields, 'values' : data }));

                    self.$element.find("#header").find('h1').html(self.action.name);
                    self.$element.find('select').change(function(ev){
                        selection.on_select_option(ev);
                    });
                    self.$element.find('a').click(function(){
                        for (var k = 0; k < notebooks.children.length; k++) {
                            var text = $(this).find('.ui-btn-text').text();
                            var next = $(this).next();
                            var span = $(this).find('span .ui-icon');
                            if (notebooks.children[k].attrs.string == $.trim(text)) {
                                get_fields = self.get_fields(notebooks.children[k].children);
                                $(this).parents().find('form').find('div').each( function() {
                                    var prev = $(this).prev();
                                    var trim_class = $.trim($(this).attr('class'));
                                    if (trim_class == self.content_expanded_class || trim_class == self.content_collapsed_class) {
                                        prev.removeClass('ui-btn-active');
                                        if ($.trim(prev.find('.ui-btn-text').text()) != notebooks.children[k].attrs.string) {
                                            self.expanded($(this),prev.find('span .ui-icon'));
                                        }
                                    }
                                });
                                if (next.hasClass(self.content_collapsed_class)) {
                                    self.collapsed(next,span);
                                }
                                else if (next.hasClass(self.content_expanded_class)) {
                                    self.expanded(next,span);
                                }
                                if (!next.find('.detail').html().length) {
                                    for (var i = 0; i < get_fields.length; i++) {
                                        if (fields[get_fields[i].attrs.name].type == 'one2many'){
                                            if(fields[get_fields[i].attrs.name].views.form){
	                                            var get_fields_test = self.get_fields(fields[get_fields[i].attrs.name].views.form.arch.children);
	                                            var fields_test = fields[get_fields[i].attrs.name]['views'].form.fields;
	                                            var notebook=fields[get_fields[i].attrs.name].views.form.arch;
                                            }
                                            var relational = get_fields[i].attrs.name;
                                        }
                                    }
                                    if(notebook){
                                        next.find('.detail').append(QWeb.render("FormView", {'get_fields': get_fields,'fields' : result.fields, 'values' : data,'til': notebook.attrs.string }));
                                    }else{
                                        next.find('.detail').append(QWeb.render("FormView", {'get_fields': get_fields,'fields' : result.fields, 'values' : data }));
                                    }
                                }

                                //$.mobile.changePage($("#oe_form"), "slide", true, true);
                                /*next.find('.detail').find('li').click(function(){
                                    if(data[relational]){
                                        var dataset = new openerp.web.DataSetStatic(self, result.fields[relational].relation, result.fields[relational].context);
                                        dataset.domain=[['id', 'in', data[relational]]];
                                        dataset.name_search('', dataset.domain, 'in',false ,function(res){
                                            for(var i=0;i<res.length;i++){
                                                var splited_data = res[i][1].split(',');
                                                res[i][1] = splited_data[0];
                                            }
                                            self.$element.html(QWeb.render("ListView", {'records' : res}));
                                            self.$element.find("#searchid").focus();
                                            self.$element.find("a#list-id").click(function(ev){
                                                dataset = new openerp.web.DataSetSearch(self, dataset.model, null, null);
                                                dataset.read_slice([],{}, function (result_relational) {
                                                for (var i = 0; i < result_relational.length; i++) {
                                                    if (result_relational[i].id == $(ev.currentTarget).data('id')) {
                                                        var data_relational = result_relational[i];
                                                    }
                                                }
                                                self.$element.html(QWeb.render("FormView", {'get_fields': get_fields_test, 'notebooks': false, 'fields' : fields_test, 'values' : data_relational }));
                                                self.$element.find('select').change(function(ev){
                                                    selection.on_select_option(ev);
                                                });
                                                });
                                            });
                                        });
                                    }
                                });*/
                            }
                        }
                        self.$element.find('select').change(function(ev){
                            selection.on_select_option(ev);
                        });
                    });
                });
                $.mobile.changePage($("#oe_form"), "slide", true, true);
                //$("#oe_header").find("h1").html(result.arch.attrs.string);
        });
    },
    get_fields: function(view_fields, fields) {
        this.fields = fields || [];
        for (var i=0; i < view_fields.length; i++){
            if (view_fields[i].tag == 'field') {
                this.fields.push(view_fields[i]);
            }
            if (view_fields[i].tag == 'group') {
                this.get_fields(view_fields[i].children, this.fields);
            }
        }
        return this.fields;
    },
    collapsed: function(next,span) {
        span.removeClass(this.plus_class);
        span.addClass(this.minus_class);
        next.removeClass(this.collapsed_class);
        next.addClass(this.expanded_class);
    },
    expanded: function(next,span) {
        span.removeClass(this.minus_class);
        span.addClass(this.plus_class);
        next.removeClass(this.expanded_class);
        next.addClass(this.collapsed_class);
    }
});
};