// Функция для перемещения #linksforum только внутри #pun-index
function moveLinksforum() {
    // Находим элемент с id "pun-index"
    const punIndex = document.getElementById('pun-index');

    // Если элемент с id "pun-index" найден, выполняем дальнейшие действия
    if (punIndex) {
        // Получаем строки с нужными id внутри #pun-index
        const rows = ['forum_f2', 'forum_f3'];

        rows.forEach(rowId => {
            // Находим строку по id внутри #pun-index
            const row = punIndex.querySelector(`#${rowId}`);

            if (row) {
                // Находим элемент #linksforum внутри строки
                const linksForum = row.querySelector('#linksforum');

                // Находим элемент .tcr, после которого нужно вставить #linksforum
                const tcr = row.querySelector('.tcr');

                if (linksForum && tcr) {
                    // Перемещаем #linksforum после .tcr
                    tcr.parentNode.insertBefore(linksForum, tcr.nextSibling);
                }
            }
        });
    }
}

// Вызываем функцию для перемещения элементов, если на странице есть #pun-index
moveLinksforum();

// Список доступных стилей и акцентов
var styleList = [{
    class: 'light',
    name: 'Светлый стиль'
}, {
    class: 'dark',
    name: 'Темный стиль'
}];

var accentList = [{
    class: 'red',
    name: 'Красный акцент'
}, {
    class: 'blue',
    name: 'Синий акцент'
}];

// Функция для получения значения cookie
function getCookie(name) {
    return (name = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1") + "=([^;]*)"))) ? decodeURIComponent(name[1]) : undefined;
}

// Функция для установки стиля (темы и акцента)
function setStyle(theme, accent) {
    // Устанавливаем тему (светлый/темный)
    $("body").attr("class", theme + " " + accent);
    
    // Обновляем активные элементы в списках
    $("#stylelist li").removeClass("active");
    $('#stylelist li[data="' + theme + '"]').addClass("active");
    
    $("#accentlist li").removeClass("active");
    $('#accentlist li[data="' + accent + '"]').addClass("active");

    // Сохраняем в cookies выбранную тему и акцент
    document.cookie = "selStyle=" + theme + "; max-age=2592000"; // Тема
    document.cookie = "selAccent=" + accent + "; max-age=2592000"; // Акцент
}

// Получаем сохраненные стили из cookies
var selStyle = getCookie("selStyle");
var selAccent = getCookie("selAccent");

// Если сохраненные стили есть, применяем их
if (selStyle && selAccent) {
    setStyle(selStyle, selAccent);
}

// Приготовим меню и добавим его на страницу
$(document).pun_mainReady(function() {
    // Создаем элементы списка для стилей, если их нет
    if ($("#stylelist").length === 0) {
        $("body").prepend('<ul id="stylelist"></ul>');
    }
    for (i = 0; i < styleList.length; i++) {
        $("#stylelist").append('<li data="' + styleList[i]["class"] + '" ' + (selStyle === styleList[i]["class"] ? 'class="active"' : "") + '><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'), getCookie(\'selAccent\')); return false">' + styleList[i].name + "</a></li>");
    }
    
    // Создаем элементы списка для акцентов, если их нет
    if ($("#accentlist").length === 0) {
        $("body").prepend('<ul id="accentlist"></ul>');
    }
    for (i = 0; i < accentList.length; i++) {
        $("#accentlist").append('<li data="' + accentList[i]["class"] + '" ' + (selAccent === accentList[i]["class"] ? 'class="active"' : "") + '><a href="/" onclick="setStyle(getCookie(\'selStyle\'), $(this.parentNode).attr(\'data\')); return false">' + accentList[i].name + "</a></li>");
    }
});