$(document).ready(async function () {
    jQuery.migrateMute = true;
    $(document).on('click', '.js-header-eco-menu-link', toggleEcoMenu);
    $(document).on('click', '.js-header-menu-eco-overlay', toggleEcoMenu);
    // $(document).on('click', '.mobmenu-item-eco-system', toggleEcoMenu);

    Scrollbar.init(document.querySelector('.ecosystem'), {alwaysShowTracks: true});

    try {
        const sections = $('.ecosystem-sections');
        const loginBlock = $('.iekid-login-button');
        const logoutBlock = $('.ecosystem-profile-wrap');
        $.get("/local/service/iekid.php?task=getEcosystem", function (response) {
            if (response && isJsonString(response)) {
                const data = JSON.parse(response);
                if (data.status === 'ok') {
                    if (data.userEmail) {
                        $('.ecosystem-profile-email').text(data.userEmail);
                        loginBlock.hide();
                        logoutBlock.addClass('show');
                    } else {
                        logoutBlock.removeClass('show');
                        loginBlock.show();
                    }

                    if (data.menu.length) {
                        data.menu.forEach(function (section) {
                            const sectionBlock = $(`<div class="section">${section.title}</div>`);
                            sections.append(sectionBlock);
                            if (section.items.length) {
                                const itemsBlock = $('<div class="items"></div>');
                                section.items.forEach(function (item) {
                                    const itemBlock = $(`<a class="item" href="proxy.php?url=https%3A%2F%2Fiek.ru%2F%24%7Bitem.link%7D" target="_blank"></a>`);
                                    itemBlock.append(`<div class="header">${item.title} <img src="proxy.php?url=https%3A%2F%2Fiek.ru%2Finclude%2Fecosystem%2Fimages%2Fright.svg"/></div>`);
                                    itemBlock.append(`<div class="body"><div class="body-left">${item.description}</div><div class="body-right"><img src="proxy.php?url=https%3A%2F%2Fiek.ru%2F%24%7Bitem.imageUrl%7D"/></div></div>`);
                                    itemsBlock.append(itemBlock);
                                });
                                sections.append(itemsBlock);
                            }
                        });
                    }

                    console.log('data', data);
                }
            }
        });
    } catch (e) {
    }

    $(document).on('click', '.iekid-login-button', function () {
        $.get("/local/service/iekid.php?task=getAuthLink", function (response) {
            if (!isJsonString(response)) {
                alert('Что-то пошло не так. Попробуйте позже.');
                return false;
            }

            const data = JSON.parse(response);
            document.location.href = data.link;
        }).fail(function (response) {
            if (!isJsonString(response.responseText)) {
                alert('Что-то пошло не так. Попробуйте позже.');
                return false;
            }

            const data = JSON.parse(response.responseText);

            if (data.status && data.status === 'error') {
                alert(data.error);
                return false;
            }
        });
    });

    $(document).on('click', '.iekid-logout-button', function () {
        $.post("/local/service/iekid.php?task=logout", function () {
            document.location.href = document.location.href;
        }).fail(function (response) {
            if (!isJsonString(response.responseText)) {
                alert('Что-то пошло не так. Попробуйте позже.');
                return false;
            }

            const data = JSON.parse(response.responseText);

            if (data.status && data.status === 'error') {
                alert(data.error);
                return false;
            }
        });
    });
});

function toggleEcoMenu() {
    const ecoMenu = $('.js-header-menu-eco');
    if (ecoMenu.hasClass('opened')) {
        closeEcoMenu();
    } else {
        openEcoMenu();
    }
}

function closeEcoMenu() {
    const ecoMenu = $('.js-header-menu-eco');
    const ecoOverlay = $('.js-header-menu-eco-overlay');
    ecoMenu.removeClass('opened');
    ecoOverlay.removeClass('opened');
    $('body').removeClass('opened-menu');
}

function openEcoMenu() {
    const ecoMenu = $('.js-header-menu-eco');
    const ecoOverlay = $('.js-header-menu-eco-overlay');
    // ecoMenu.slideDown();
    ecoMenu.addClass('opened');
    ecoOverlay.addClass('opened');
    $('body').addClass('opened-menu');
}

function isJsonString(str) {
    try {
        JSON.parse(str);
    } catch (e) {
        return false;
    }
    return true;
}