/* 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 '='
(277,11): run-time error CSS1030: Expected identifier, found 'init('
(277,11): run-time error CSS1031: Expected selector, found 'init('
(277,11): run-time error CSS1025: Expected comma or open brace, found 'init('
(280,8): run-time error CSS1031: Expected selector, found '='
(280,8): run-time error CSS1025: Expected comma or open brace, found '='
(479,8): run-time error CSS1030: Expected identifier, found 'init('
(479,8): run-time error CSS1031: Expected selector, found 'init('
(479,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');
                    let menu_home = '<li class="fl relative pt5 h45"><a href="/" class="white pl9 pr9 pt5" title="lsvn.vn"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M3.46875 9.26367L12.4688 2.26367L21.4688 9.26367V20.2637C21.4688 20.7941 21.258 21.3028 20.883 21.6779C20.5079 22.053 19.9992 22.2637 19.4688 22.2637H5.46875C4.93832 22.2637 4.42961 22.053 4.05454 21.6779C3.67946 21.3028 3.46875 20.7941 3.46875 20.2637V9.26367Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.46875 22.2637V12.2637H15.4688V22.2637" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li>';
                    var home_div = document.createElement("div");
                    home_div.innerHTML = menu_home;
                    zone_append.appendChild(home_div.firstChild);
                    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 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="w-maxcontent mg-auto z-6 clearfix"><ul class="ms-navigation uppercase lh-38 font15 clearfix pd0 mg0 zone-append div-menu"></ul></div>';
                break;
            case 2:
                theme = '<div class="ms-menu mt50 abs20 transition-ef w-page-submenu clearfix hide box-other-menu z-100" style="left:0"> <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 = '<li class="fl relative menu-tab menu-parent h45" data-cate="{{cate}}"><a href="{{link}}" title="{{title}}" class="white pl9 pt5 h45">{{name}}<i class="fa fa-angle-down ml2"></i></a><ul class="uppercase lh-35 font14 clearfix zone-child"></ul></li>';
                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-topnew");
        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);
            }
        }


        document.querySelectorAll(".infor-contactus a").forEach(function (element) {
            element.addEventListener("click", function (event) {
                event.preventDefault(); // Prevent the default link behavior

                document.getElementById("popup-tuvan").style.display = "block";
            });
        });

        document.querySelector(".close[data-dismiss='modal']").addEventListener("click", function () {
            document.getElementById("popup-tuvan").style.display = "none";
        });
        document.getElementById("popup-tuvan").addEventListener("click", function (event) {
            if (event.target === this) {  // Check if the click is outside the modal-dialog
                this.style.display = "none";
            }
        });

        document.querySelector(".select-selected").addEventListener("click", function () {
            document.querySelector(".select-items").classList.toggle("select-hide");
        });


        document.querySelectorAll(".select-items div").forEach(function (element) {
            element.addEventListener("click", function () {
                // Get the data-type value of the clicked div
                const selectedType = this.getAttribute("data-type");

                // Find the corresponding option in the select element
                const select = document.getElementById("service");
                select.value = selectedType;

                // Update the .select-selected text to match the clicked item
                const selectedText = this.textContent;
                document.querySelector(".select-selected").textContent = selectedText;

                // Remove the 'same-as-selected' class from any previously selected item
                document.querySelectorAll(".select-items div").forEach(function (item) {
                    item.classList.remove("same-as-selected");
                });

                // Add the 'same-as-selected' class to the clicked item
                this.classList.add("same-as-selected");

                // Optionally hide the dropdown after selection
                document.querySelector(".select-items").classList.add("select-hide");
            });
        });

        document.addEventListener("click", function (event) {
            if (!event.target.matches('.select-selected')) {
                const selectItems = document.querySelector(".select-items");
                if (!selectItems.classList.contains("select-hide")) {
                    selectItems.classList.add("select-hide");
                }
            }
        });

        document.getElementById('formBuy').addEventListener('submit', function (event) {
            event.preventDefault(); // Ngăn chặn form submit mặc định
            let isValid = true;
            let errContainer = document.querySelector('.err');
            errContainer.innerHTML = ''; // Xóa hết lỗi trước đó
            errContainer.style.display = 'none'; // Ẩn container lỗi

            let email = document.querySelector('input[name="Email"]').value;
            let phone = document.querySelector('input[name="PhoneNumber"]').value;

            // Kiểm tra email có hợp lệ không
            const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            if (!emailPattern.test(email)) {
                isValid = false;
                errContainer.style.display = 'block';
                errContainer.innerHTML += `
                <div class="err-item">
                    <div class="is-invalid"></div>
                    <div class="invalid-feedback">Email không hợp lệ</div>
                </div>
            `;
            }

            // Kiểm tra số điện thoại có đủ 10 chữ số không
            const phonePattern = /^\d{10}$/;
            if (!phonePattern.test(phone)) {
                isValid = false;
                errContainer.style.display = 'block';
                errContainer.innerHTML += `
                <div class="err-item">
                    <div class="is-invalid"></div>
                    <div class="invalid-feedback">Số điện thoại phải đủ 10 số</div>
                </div>
            `;
            }

            if (isValid) {
                const formData = new FormData(this); // Lấy dữ liệu form

                fetch('/PrintMagazine/ContactMagazine', {
                    method: 'POST',
                    body: formData
                })
                    .then(response => response.json())
                    .then(data => {
                        if (data.Code>0) {
                            alert('Gửi thông tin thành công!');
                        } else {
                            alert('Có lỗi xảy ra, vui lòng thử lại.');
                        }
                    })
                    .catch(error => {
                        console.error('Error:', error);
                        alert('Có lỗi xảy ra khi gửi thông tin.');
                    });
            }
        });
    },
    getlayout: function (send) {
        var element_view = document.querySelector(".load-extra-topnew");
        var element_cmt = document.querySelector(".load-extra-topview");
        var xvr = new XMLHttpRequest();
        xvr.open("GET", "/tin-moi-hom-nay.html", 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();

        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/Author/GetArticleInTopView", 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 topnew = document.getElementsByClassName("btn-extra-topnew")[0];
        var topview = document.getElementsByClassName("btn-extra-topview")[0];
        var new_ = document.getElementsByClassName("load-extra-topnew")[0];
        var view_ = document.getElementsByClassName("load-extra-topview")[0];
        if (topnew) {
            topnew.addEventListener('click', function () {
                if (topnew.classList.contains('comment')) {
                    console.log('Đã tồn tại lớp "comment".');
                } else {
                    topnew.classList.add('comment');
                    topview.classList.remove('comment');
                    topview.classList.add('comment-read');
                    new_.classList.remove('hide');
                    view_.classList.add('hide');
                }
            });
        }
        if (topview) {
            topview.addEventListener('click', function () {
                if (topview.classList.contains('comment')) {
                    console.log('Đã tồn tại lớp "comment".');
                } else {
                    topnew.classList.remove('comment');
                    topnew.classList.add('comment-read');
                    topview.classList.add('comment');
                    new_.classList.add('hide');
                    view_.classList.remove('hide');
                }
            });
        }
       
    },
};
layout.init();


