/* Minification failed. Returning unminified contents.
(1,11): run-time error CSS1031: Expected selector, found '='
(1,11): run-time error CSS1025: Expected comma or open brace, found '='
(272,11): run-time error CSS1030: Expected identifier, found 'init('
(272,11): run-time error CSS1031: Expected selector, found 'init('
(272,11): run-time error CSS1025: Expected comma or open brace, found 'init('
(275,8): run-time error CSS1031: Expected selector, found '='
(275,8): run-time error CSS1025: Expected comma or open brace, found '='
(361,8): run-time error CSS1030: Expected identifier, found 'init('
(361,8): run-time error CSS1031: Expected selector, found 'init('
(361,8): run-time error CSS1025: Expected comma or open brace, found 'init('
 */
menu_ctrl = {
    init: function () {
        menu_ctrl.loadDataMenu();
    },
    loadDataMenu: function () {
        var zones = document.querySelectorAll(".zone-menu");
        zones.forEach(function (item) {
            var zoneCode = item.getAttribute("data-zone");
            var htmlZone = "";
            try {
                htmlZone = localStorage.getItem(zoneCode);
            } catch (e) {
            }
            item.innerHTML = htmlZone;

        });
        menu_ctrl.initMenuTab();
        var vrCache = document.querySelector("body").getAttribute("data-cachemenu");
        var vr = "";
        try {
            vr = localStorage.getItem("vszc");
        } catch (e) {
        }

        if (vrCache != vr) {
            var xhr = new XMLHttpRequest();
            xhr.open('POST', '/Misc/GetDataMenuZone', true);
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    let rs = JSON.parse(this.responseText);
                    let listZone = rs.DataZoneMenu;
                    let vr = rs.DataVr;
                    menu_ctrl.loadData(listZone, vr);
                }
            }
            xhr.send('&vr=' + vr);
        } else {
            menu_ctrl.initEvent();
        }
    },
    loadData: function (listItem, vs) {
        var zones = document.querySelectorAll(".zone-menu");
        let item_box = '<div class="w-20-100 fl mb25"><div class="flex"><div class="border-bottom__white w-full"></div><div class="item-box-menu"></div></div><div class="mt10 pl25 font15 font-helvetica"><div class="pt10"><span class="bold color-blue-7 uppercase">Liên hệ tòa soạn</span></div><div class="pt10 font20"><span class="bold white"><i class="icon-phone mr2"></i> 0947271302</span></div><div class="pt10"><span class="bold color-blue-7 uppercase">Liên hệ quảng cáo</span></div><div class="pt10"><span class="white">Ms Linh<span class="bold ml2"> 098 9033388</span></span></div></div></div>';
        zones.forEach(function (item) {
            item.innerHTML = "";
        });
        for (let i = 0; i < listItem.length; i++) {
            let item = listItem[i];
            let zonecode = item.ZoneCode;
            let zone_ = document.querySelector('.zone-menu[data-zone="' + zonecode + '"]');
            if (zone_ != undefined) {
                if (item.Html != null && item.Html.length > 10) {
                    zone_.innerHTML = item.Html;
                }
                else {
                    let type = item.Type;
                    let themeItem = menu_ctrl.getThemeZoneItem(type)
                    zone_.innerHTML = zone_.innerHTML + themeItem;
                    let zone_append = zone_.querySelector('.zone-append');
                    if (zone_append != undefined) {
                        for (let k = 0; k < item.ListParent.length; k++) {
                            let parent = item.ListParent[k];
                            var div = document.createElement("div");
                            var div_item = document.createElement("div");
                            let menu = menu_ctrl.getThemeZoneItemFist(type)
                                .replaceAll('{{link}}', parent.Link)
                                .replaceAll('{{name}}', parent.Name)
                                .replaceAll('{{title}}', parent.Name)
                                .replaceAll('{{cate}}', parent.CateId);
                            if (type==2 && k==5) {
                                div_item.innerHTML = item_box;
                                zone_append.appendChild(div_item.firstChild);
                            }
                            div.innerHTML = menu;
                            if (parent.IsSearchChild == 1) {
                                menu_ctrl.initZoneChild(type, parent.ListChild, div);
                            }
                            zone_append.appendChild(div.firstChild);
                        }
                    }
                }
                let htmlStore = zone_.innerHTML;
                try {
                    localStorage.removeItem(zonecode);
                    localStorage.setItem(zonecode, htmlStore);
                } catch (e) {
                }

            }
        }
        try {
            localStorage.removeItem("vszc");
            localStorage.setItem("vszc", vs);
        } catch (e) {
        }
        menu_ctrl.initMenuTab();
        menu_ctrl.initEvent();
    },
    initZoneChild: function (type, ListChild, div) {
        if (type == 2 || type ==3) {
            let zone_child = div.querySelector(".zone-child");
            for (let k = 0; k < ListChild.length; k++) {
                let child = ListChild[k];
                let child_str = '<li class="{{class}} pt5"> <a href="{{link}}" class="font13" title="{{title}}">{{name}}</a> </li>';
                let class_ = '';
                if (k > 4) {
                    class_ = ' menu-hide hide';
                }
                child_str = child_str.replaceAll('{{link}}', child.Link).replaceAll('{{name}}', child.Name).replaceAll('{{title}}', child.Name).replaceAll('{{class}}', class_);
                zone_child.appendChild(menu_ctrl.getElm(child_str));
            }
            if (zone_child.querySelector('.menu-hide') != null) {
                let zone_parent = div.querySelector(".zone-parent");
                zone_parent.appendChild(menu_ctrl.getElm('<a class="b-click font13 underline blue-vne view-more-menu" title="xem thêm">Xem thêm</a>'));
            }
        } else if (type == 1) {
            let zone_child = div.querySelector(".zone-child");
            for (let k = 0; k < ListChild.length; k++) {
                let child = ListChild[k];
                let child_str = '<li class="menu-tab" data-cate="{{cate}}"><a class="gray-51 pl9 pr9" href="{{link}}" title="{{title}}">{{name}}</a></li>';
                child_str = child_str.replaceAll('{{link}}', child.Link).replaceAll('{{name}}', child.Name).replaceAll('{{title}}', child.Name).replaceAll('{{cate}}', child.CateId);
                zone_child.appendChild(menu_ctrl.getElm(child_str));
            }
        }
    },
    initMenuTab: function () {
        if (qs('.zone-menu[data-zone="menu_tab_pc"]') != undefined) {
            let input_cate = document.querySelector('meta[name="tt_category_id"]');
            if (input_cate != null) {
                let zone_menu_tab = document.querySelector('.zone-menu[data-zone="menu_tab_pc"]');
                let id_cate = input_cate.getAttribute("value");
                let id_cate_child = input_cate.getAttribute("content");
                let menu_parent_active = zone_menu_tab.querySelector('.menu-tab[data-cate="' + id_cate + '"]');
                if (menu_parent_active != undefined) {
                    menu_parent_active.querySelector("a.white").classList.add("active");
                    let ul_get = menu_parent_active.querySelector("ul");
                    let ul_set = document.querySelector(".ul-set-menu");
                    ul_set.innerHTML = ul_get.innerHTML;
                    ul_set.classList.remove("hide");
                    let menu_child_active = ul_set.querySelector('.menu-tab[data-cate="' + id_cate_child + '"]');
                    if (menu_child_active != undefined) {
                        menu_child_active.querySelector("a").classList.add("active");
                    }
                }
            }
        }
    },
    initEvent: function () {
        var menuOther = document.querySelector(".btn-menu-other");
        var overlay_menu = document.querySelector(".overlay-menu");
        var boxMenuOther = document.querySelector(".box-other-menu");
        if (menuOther != null) {
            menuOther.addEventListener("click", (e) => {
                menuOther.classList.toggle("active");
                boxMenuOther.classList.toggle("hide");
                if (boxMenuOther.classList.contains("hide")) {
                    menuOther.innerHTML = '<i class="icon-menu"></i>';
                } else {
                    menuOther.innerHTML = '<i class="fa fa-times item-icon "></i>';
                }

                let hides = boxMenuOther.closest("div").querySelectorAll(".menu-hide");
                hides.forEach(function (item) {
                    item.classList.add("hide");
                });
                let view_mores = boxMenuOther.closest("div").querySelectorAll(".view-more-menu");
                view_mores.forEach(function (item) {
                    item.innerHTML = "Xem thêm";
                });
            });
        }
        if (overlay_menu != null) {
            overlay_menu.addEventListener("click", (e) => {
                menuOther.classList.remove("active");
                boxMenuOther.classList.add("hide");
            });
        }


        let area = document.querySelector('.zone-menu[data-zone="menu_ex_pc"]');
        if (area != null) {
            area.addEventListener("click", function (event) {
                let target = event.target;
                if (target.classList.contains("view-more-menu")) {
                    let hides = target.closest("div").querySelectorAll(".menu-hide");
                    hides.forEach(function (item) {
                        item.classList.toggle("hide");
                    });
                    if (target.text == "Xem thêm") {
                        target.innerHTML = "Thu gọn";
                    } else {
                        target.innerHTML = "Xem thêm";
                    }
                }


            });
        }
        let bot = document.querySelector('.zone-menu[data-zone="zone_menu_bot"]');
        if (bot != null) {
            bot.addEventListener("click", function (event) {
                let target = event.target;
                if (target.classList.contains("view-more-menu")) {
                    let hides = target.closest("div").querySelectorAll(".menu-hide");
                    hides.forEach(function (item) {
                        item.classList.toggle("hide");
                    });
                    if (target.text == "Xem thêm") {
                        target.innerHTML = "Thu gọn";
                    } else {
                        target.innerHTML = "Xem thêm";
                    }
                }


            });
        }
    },
    getThemeZoneItem: function (typeTheme) {
        let theme;
        switch (typeTheme) {
            case 1:
                theme = '<div class="flex border flex-align-center space-between"><a href="/" title="dspl" class="pl10"><i class="icon-home-dspl color-white" aria-hidden="true"></i></a><div class="flex flex-align-center zone-append div-menu"></div><a href="javascript:;" class="btn-menu-other a-menu-other" ><i class="icon-menu"></i></a></div>';
                break;
            case 2:
                theme = '<div class="ms-menu mt50 transition-ef w-page-submenu clearfix hide box-other-menu z-100"> <div class="border pt10 w-page bt-5-blue"> <div class="w-full mg-auto all-catelink row zone-append menu-ex-pc"> </div> </div> </div>';
                break;
            case 3:
                theme = '<div class="ms-menu transition-ef w-page-submenu clearfix box-other-menu pl-14 pr-14" > <div class="pt10 w-full bb-3-blue"> <div class="w-full mg-auto all-catelink row zone-append menu-ex-pc"> </div> </div> </div>';
                break;
            case 4:
                theme = '<div class="navfooter bg-red"><div class="main fit-x"><ul class="tc font12 lh-38 uppercase setlast-li zone-append"> </ul></div></div>';
                break;
            case 5:
                theme = '<ul class="zone-append"></ul>';
                break;
            default:
                theme = '';
        }
        return theme;
    },
    getThemeZoneItemFist: function (typeTheme) {
        let theme;
        switch (typeTheme) {
            case 1:
                theme = '<div class="menu-tab menu-parent" data-cate="{{cate}}"><a href="{{link}}" title="{{title}}" class="white uppercase text-no-wrap py-14 px-12 font17 bold relative">{{name}}</a><ul class="ms-sub-navigation uppercase lh-35 font11 semibold clearfix zone-child hide"></ul></div>';
                break;
            case 2:
                theme = '<div class="w-20-100 fl pl25 mb20 zone-parent"> <a href="{{link}}" class="cate-mt-link bold relative uppercase" title="{{title}}">{{name}}</a> <ul class="mt10 zone-child font-helvetica"> </ul> </div>';
                break;
            case 3:
                theme = '<div class="w-20-100 fl pl25 mb20 zone-parent"> <a href="{{link}}" class="cate-mt-link bold relative uppercase font-char" title="{{title}}">{{name}}</a> <ul class="mt10 zone-child"> </ul> </div>';
                break;
            case 4:
                theme = '<li class="inline relative"><a class="nav-link white pl10 pr10" href="{{link}}" title="{{title}}">{{name}}</a></li>';
                break;
            case 5:
                theme = '<li><h2 class="font15"><a class="bor-bot-e5 block" href="{{link}}" title="{{title}}">{{name}}</a></h2></li>';
                break;
            default:
                theme = '<div></div>';
        }
        return theme;
    },
    getElm: function (str) {
        var div = document.createElement("div");
        div.innerHTML = str;
        return div.firstChild;
    },
};
menu_ctrl.init();


layout = {
    init: function () {
        var element_view = document.querySelector(".load-extra-topview");
        if (element_view) {
            var category = element_view.getAttribute("data-category");
            var author = element_view.getAttribute("data-author");
            var channel = element_view.getAttribute("data-channel");
            let send = "";
            if (category) {
                send = "categoryId=" + category + "&pageIndex=1";
                layout.getlayout(send);
            } else if (author) {
                send = "authorId=" + author + "&pageIndex=1";
                layout.getlayout(send);
            } else if (channel) {
                send = "channelId=" + channel + "&pageIndex=1";
                layout.getlayout(send);
            } else {
                send = "pageIndex=1";
                layout.getlayout(send);
            }
        }


    },
    getlayout: function (send) {
        var element_view = document.querySelector(".load-extra-topview");
        var element_cmt = document.querySelector(".load-extra-topcomment");
        console.log("ok");
        var xvr = new XMLHttpRequest();
        xvr.open("POST", "/Author/GetArticleInTopView", true);
        xvr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xvr.onreadystatechange = function () {
            if (xvr.readyState === 4 && xvr.status === 200) {
                element_view.innerHTML = xvr.responseText;
            }
        };
        xvr.send(send);

        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/Author/GetArticleInTopComment", true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) {
                element_cmt.innerHTML = xhr.responseText;
            }
        };
        xhr.send(send);


        layout.loadlayout();
    },
    loadlayout: function () {
        var topview = document.getElementsByClassName("btn-extra-topview")[0];
        var topcomment = document.getElementsByClassName("btn-extra-topcomment")[0];
        var view = document.getElementsByClassName("load-extra-topview")[0];
        var comment = document.getElementsByClassName("load-extra-topcomment")[0];
        if (topview) {
            topview.addEventListener('click', function () {
                if (topview.classList.contains('comment')) {
                    console.log('Đã tồn tại lớp "comment".');
                } else {
                    topview.classList.add('comment');
                    topcomment.classList.remove('comment');
                    topcomment.classList.add('comment-read');
                    view.classList.remove('hide');
                    comment.classList.add('hide');
                }
            });
        }
        if (topcomment) {
            topcomment.addEventListener('click', function () {
                if (topcomment.classList.contains('comment')) {
                    console.log('Đã tồn tại lớp "comment".');
                } else {
                    topview.classList.remove('comment');
                    topview.classList.add('comment-read');
                    topcomment.classList.add('comment');
                    view.classList.add('hide');
                    comment.classList.remove('hide');
                }
            });
        }
       
    },
};
layout.init();