define(['modules/sections/section', 'modules/sections/addsection', 'common', 'modules/templates/linksection'], function (Section, AddSection, Common, LinkSection) {
    var p = function (page, pagesmodule) {
        this.page = page || {};
        this.pagesmodule = pagesmodule;
        this.namecontrol = undefined;
        this.displaytextcontrol = undefined;
        this.notescontrol = undefined;
        this.onNameChanged = undefined;
        this.datacontent = null;

        this.sectionmodules = [];
    };
    p.prototype.description = "Page";
    p.prototype.version = "1.0.0.0";

    p.prototype.createContent = function () {
        var _this = this;
        var content = $('<div></div>');

        function createPageContent() {
            var div_main = $('<div class="content_main"></div>');
            var div_content = $('<div class="edit-content"></div>');
            div_main.append(div_content);
            var tb = $('<table></table>');
            div_content.append(tb);

            var tr = $('<tr></tr>');
            tb.append(tr);
            tr.append('<td class="label" style="width:154px;">' + GetTextByKey("P_IPT_NAME_COLON", "Name:") + '<span class="redasterisk">*</span></td>');
            _this.namecontrol = $('<input type="text" class="form-control" maxlength="100" autocomplete="off"/>');
            var addiText = $('<span class="spanbtn iconmultitext" style="font-size:14px;" title="' + GetTextByKey("P_IPT_XXX", "Language Selection") + '"/>');
            addiText.click(function () {
                Common.createMultiTextDialog(_this.namecontrol);
            });
            tr.append($('<td style="white-space:nowrap;"></td>').append(_this.namecontrol).append(addiText));
            _this.namecontrol.change(function () {
                if (_this.onNameChanged)
                    _this.onNameChanged($.trim(_this.namecontrol.val()))
            })

            tb.append(tr);
            tr.append('<td class="label" style="width:154px;">' + GetTextByKey("P_IPT_NOTES_COLON", "Notes:") + '</td>');
            _this.notescontrol = $('<textarea id="dialog_notes" class="form-control" maxlength="500" autocomplete="off" style="width: 540px; margin-top:6px;height:55px;"></textarea>');
            tr.append($('<td rowspan="2"></td>').append(_this.notescontrol));

            tr = $('<tr></tr>');
            tb.append(tr);
            tr.append('<td class="label" style="width:154px;">' + GetTextByKey("P_IPT_DISPLAYTEXT_COLON", "Display Text:") + '<span class="redasterisk">*</span></td>');
            _this.displaytextcontrol = $('<input type="text" class="form-control" maxlength="200" autocomplete="off"/>');
            addiText = $('<span class="spanbtn iconmultitext" style="font-size:14px;" title="' + GetTextByKey("P_IPT_XXX", "Language Selection") + '"/>');
            addiText.click(function () {
                Common.createMultiTextDialog(_this.displaytextcontrol);
            });
            tr.append($('<td style="white-space:nowrap;"></td>').append(_this.displaytextcontrol).append(addiText));

            var sectioncontent = createSectionContent();
            div_main.append(sectioncontent);
            return div_main;
        }

        function createSectionContent() {
            var content = $('<div style="min-width:1820px;"></div>');

            function createSectionHeader() {
                var header = $('<div></div>');
                //header.append($('<div class="page_title"></div>').text(gs.title));
                var func = $('<div class="function_title"></div>');
                var iconAdd = $('<span class="sbutton iconadd">' + GetTextByKey("P_IPT_ADDSECTION", "Add Section") + '</span>').click(function () {
                    //var s = new AddSection();
                    //s.onsave = function (section) {
                    //    _this.page.Sections.push(section);
                    //    updateContent(true);
                    //}
                    //$('#right_popup1').empty().append(s.createContent()).show();
                    var section = {};
                    _this.page.Sections.push(section);
                    addSectionModule(section);
                });
                func.append(iconAdd);
                var iconRefresh = $('<span class="sbutton iconlink">' + GetTextByKey("P_ADDGLOBALSECTION", "Add Global Section") + '</span>').click(function () {
                    addGlobalSection();
                });
                func.append(iconRefresh);
                header.append(func)

                return header;
            }

            if (!templatereadonly && editable)
                content.append(createSectionHeader());

            var dataheader = $('<div class="question-holder no-hover" style="font-weight: bold;font-size:14px;"></div>');
            dataheader.append('<div style="width: 60px; flex-shrink: 0"></div>');
            dataheader.append('<div class="question-cell" style="width: 200px">' + GetTextByKey("P_IPT_NAME", "Name") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 310px">' + GetTextByKey("P_IPT_DISPLAYTEXT", "Display Text") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 400px">' + GetTextByKey("P_IPT_TYPE", "Type") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 80px; text-align: center">' + GetTextByKey("P_IPT_REQUIRED", "Required") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 65px; text-align: center;white-space:normal;line-height:20px;">' + GetTextByKey("P_IPT_XXX", "Include Comment") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 70px; text-align: center;white-space:normal;line-height:20px;">' + GetTextByKey("P_IPT_ISIMPORTANT", "Is Important") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 70px; text-align: center;white-space:normal;line-height:20px;"">' + GetTextByKey("P_IPT_CUSTOMERVISIBLE", "Customer Visible") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 80px; text-align: center;white-space:normal;line-height:20px;">' + GetTextByKey("P_IPT_SEVERITYLEVEL", "Severity Level") + '</div>');
            dataheader.append('<div style="flex-grow: 1" style="width: 160px">' + GetTextByKey("P_IPT_ST_NOTES", "Notes") + '</div>');
            dataheader.append('<div class="question-cell" style="width: 90px;padding-right:20px;"></div>');
            content.append(dataheader);

            _this.datacontent = $('<div></div>');
            content.append(_this.datacontent);

            return content;
        }

        function updateContent(sectiononly) {
            if (!sectiononly) {
                _this.namecontrol.val(_this.page.Name).data("texts", _this.page.LocalNames);
                _this.displaytextcontrol.val(_this.page.DisplayText).data("texts", _this.page.LocalDisplayTexts);
                _this.notescontrol.val(_this.page.Notes);
            }

            if (_this.page.Sections) {
                _this.sectionmodules = [];
                _this.datacontent.empty();
                for (var i = 0; i < _this.page.Sections.length; i++) {
                    //var s = new Section(_this.page.Sections[i], null, _this);
                    addSectionModule(_this.page.Sections[i]);
                }
            } else
                _this.page.Sections = [];
        }

        function addSectionModule(s) {
            var sectionmodule = new Section(s, null, _this);
            sectionmodule.oncopy = function (section) {
                section = JSON.parse(JSON.stringify(section));
                section.Id = "";
                if (!section.IsLink && section.Questions) {
                    for (var j = 0; j < section.Questions.length; j++) {
                        section.Questions[j].Id = "";
                    }
                }
                _this.page.Sections.push(section);
                addSectionModule(section);
            };
            sectionmodule.ondelete = function (sm) {
                _this.page.Sections.splice(_this.page.Sections.indexOf(sm.section), 1);
                _this.sectionmodules.splice(_this.sectionmodules.indexOf(sm), 1);
            }
            _this.sectionmodules.push(sectionmodule);
            _this.datacontent.append(sectionmodule.createContent());
        }

        function setDisabled() {
            _this.namecontrol.prop('disabled', true);
            _this.displaytextcontrol.prop('disabled', true);
            _this.notescontrol.prop('disabled', true);

            content.find(".iconmultitext").hide();
            content.find(".iconimage").hide();
        }

        function addGlobalSection() {//ÒýÓÃGlobal Section
            var dialogSection = new LinkSection().getDialogSection();

            dialogSection.onDialogClosed = function () {
            }
            dialogSection.onOK = function (sections, iscopy) {
                if (!iscopy) {
                    var linkedSectionIds = [];
                    if (_this.pagesmodule && _this.pagesmodule.pages) {
                        for (var i = 0; i < _this.pagesmodule.pages.length; i++) {
                            var page = _this.pagesmodule.pages[i];
                            if (page.Sections) {
                                for (var j = 0; j < page.Sections.length; j++) {
                                    var s = page.Sections[j];
                                    if (s.IsLink)
                                        linkedSectionIds.push(s.ReferenceId);
                                }
                            }
                        }
                    }
                    if (sections && sections.length > 0) {
                        for (var i = 0; i < sections.length; i++) {
                            var it = sections[i].Values;
                            if (it.Selected && linkedSectionIds.indexOf(it.Id) >= 0) {
                                showAlert(GetTextByKey("P_IPT_ALREADYLINKED", '{0} has already been linked to current template.').replace("{0}", it.Name), GetTextByKey("P_ADDGLOBALSECTION", "Add Global Section"));
                                return;
                            }
                        }
                    }
                }

                onAddGlobalSection(sections, iscopy);
            }

            //var sections = [];
            //for (var i = 0; i < _this.page.Sections.length; i++) {
            //    if (_this.page.Sections[i].IsLink)
            //        sections.push(_this.page.Sections[i].ReferenceId);
            //}

            //dialogSection.exceptSource = sections;
            dialogSection.showSelector();
        }

        function onAddGlobalSection(sections, iscopy) {
            if (sections && sections.length > 0) {
                var sids = [];
                for (var i = 0; i < sections.length; i++) {
                    var it = sections[i].Values;
                    if (it.Selected)
                        sids.push(it.Id);
                }
                var p = JSON.stringify([teamintelligence, JSON.stringify(sids)]);
                inspectionrequest("GetGlobalSectionsByID", p, function (data) {
                    if (typeof data === 'string')
                        return;
                    for (var i = 0; i < data.length; i++) {
                        var section = data[i];
                        if (iscopy) {//copy secton£¬reference its questions
                            if (section.Questions) {
                                for (var j = 0; j < section.Questions.length; j++) {
                                    var q = section.Questions[j];
                                    q.Id = '';
                                    //q.ReferenceId = q.Id;
                                    //q.IsLink = true;
                                }
                            }
                        }
                        else {//reference section
                            section.ReferenceId = section.Id;
                            section.IsLink = true;
                        }
                        section.Id = '';
                        _this.page.Sections.push(section);
                        addSectionModule(section);

                    }
                    //updateContent(true);
                }, function (err) {
                });
            }
        }

        content.append(createPageContent());
        updateContent();
        if (templatereadonly || !editable)
            setDisabled();
        return content;
    }

    p.prototype.getPageValue = function (noalert, nocheck) {
        var page = this.page;
        page.Name = this.namecontrol.val();
        page.DisplayText = this.displaytextcontrol.val();
        page.Notes = this.notescontrol.val();

        var texts = this.namecontrol.data("texts");
        if (texts) {
            page.LocalNames = texts;
        }
        texts = this.displaytextcontrol.data("texts");
        if (texts) {
            page.LocalDisplayTexts = texts;
        }
        if (!nocheck) {
            var alerttitle = GetTextByKey("P_IPT_PAGE", 'Page');
            if (!noalert && (!page.Name || page.Name.length == 0)) {
                showAlert(GetTextByKey("P_IPT_PAGENAMENOTBEEMPTY", 'Page Name cannot be empty.'), alerttitle);
                return false;
            }
            if (!noalert && (!page.DisplayText || page.DisplayText.length == 0)) {
                showAlert(GetTextByKey("P_IPT_DISPLAYTEXTNOTBEEMPTY", 'Display Text cannot be empty.'), alerttitle);
                return false;
            }
        }
        page.Sections = [];
        if (this.sectionmodules.length > 0) {
            for (var i = 0; i < this.sectionmodules.length; i++) {
                var s = this.sectionmodules[i].getSectionValue(noalert, nocheck);
                if (!s) return false;
                page.Sections.push(s);
            }
        }
        return page;
    }
    p.prototype.dragOutSection = function (sm) {//called when end drag
        var index = this.page.Sections.indexOf(sm.section)
        if (index >= 0) {
            this.page.Sections.splice(index, 1);
            this.sectionmodules.splice(index, 1);
        }
    };
    p.prototype.dragInSection = function (target, sm, after) {//called when end drag
        if (!this.page.Sections)
            this.page.Sections = [];
        if (this.page.Sections.length == 0) {
            this.page.Sections.push(sm.section);
            this.sectionmodules.push(sm);
            return;
        }
        var tindex = 0;
        if (target) {
            tindex = this.page.Sections.indexOf(target);
            if (after)
                tindex = tindex + 1;
        }
        if (tindex >= 0) {
            this.page.Sections.splice(tindex, 0, sm.section);
            this.sectionmodules.splice(tindex, 0, sm);
        }
    };
    return p;
});