'use strict';
{
    const SelectBox = {
        // 缓存所有下拉框的选项数据（键：下拉框ID，值：选项数组）
        cache: {},
        /**
         * 初始化下拉框缓存
         * 将下拉框的所有选项保存到缓存中，用于后续操作（过滤、移动等）
         * @param {string} id - 下拉框元素的ID
         */
        init: function(id) {
            const box = document.getElementById(id);
            SelectBox.cache[id] = [];
            const cache = SelectBox.cache[id];
            for (const node of box.options) {
                cache.push({value: node.value, text: node.text, displayed: 1});
            }
        },
         /**
         * 根据缓存重新渲染下拉框
         * 只显示缓存中标记为“displayed: 1”的选项，保持滚动位置
         * @param {string} id - 下拉框元素的ID
         */
        redisplay: function(id) {
            // Repopulate HTML select box from cache
            const box = document.getElementById(id);
            const scroll_value_from_top = box.scrollTop;
            box.innerHTML = '';
            for (const node of SelectBox.cache[id]) {
                if (node.displayed) {
                    const new_option = new Option(node.text, node.value, false, false);
                    // Shows a tooltip when hovering over the option
                    new_option.title = node.text;
                    box.appendChild(new_option);
                }
            }
            box.scrollTop = scroll_value_from_top;
        },
        /**
         * 过滤下拉框选项
         * 根据输入文本筛选选项，只显示包含所有关键词的选项（AND逻辑）
         * @param {string} id - 下拉框元素的ID
         * @param {string} text - 过滤文本（多个关键词用空格分隔）
         */
        filter: function(id, text) {
            // Redisplay the HTML select box, displaying only the choices containing ALL
            // the words in text. (It's an AND search.)
            const tokens = text.toLowerCase().split(/\s+/);
            for (const node of SelectBox.cache[id]) {
                node.displayed = 1;
                const node_text = node.text.toLowerCase();
                for (const token of tokens) {
                    if (!node_text.includes(token)) {
                        node.displayed = 0;
                        break; // Once the first token isn't found we're done
                    }
                }
            }
            SelectBox.redisplay(id);
        },
        /**
         * 获取隐藏的选项数量
         * @param {string} id - 下拉框元素的ID
         * @return {number} 隐藏选项的数量
         */
        get_hidden_node_count(id) {
            const cache = SelectBox.cache[id] || [];
            return cache.filter(node => node.displayed === 0).length;
        },
        /**
         * 从缓存中删除指定值的选项
         * @param {string} id - 下拉框元素的ID
         * @param {string} value - 要删除的选项值
         */
        delete_from_cache: function(id, value) {
            let delete_index = null;
            const cache = SelectBox.cache[id];
            for (const [i, node] of cache.entries()) {
                if (node.value === value) {
                    delete_index = i;
                    break;
                }
            }
            cache.splice(delete_index, 1);
        },
        /**
         * 向缓存中添加选项
         * @param {string} id - 下拉框元素的ID
         * @param {Object} option - 要添加的选项（含value和text）
         */
        add_to_cache: function(id, option) {
            SelectBox.cache[id].push({value: option.value, text: option.text, displayed: 1});
        },
        /**
         * 检查缓存中是否包含指定值的选项
         * @param {string} id - 下拉框元素的ID
         * @param {string} value - 要检查的选项值
         * @return {boolean} 存在返回true，否则返回false
         */
        cache_contains: function(id, value) {
            // Check if an item is contained in the cache
            for (const node of SelectBox.cache[id]) {
                if (node.value === value) {
                    return true;
                }
            }
            return false;
        },
         /**
         * 将选中的选项从一个下拉框移动到另一个下拉框
         * @param {string} from - 源下拉框ID
         * @param {string} to - 目标下拉框ID
         */
        move: function(from, to) {
            const from_box = document.getElementById(from);
            // 遍历源下拉框的所有选项
            for (const option of from_box.options) {
                const option_value = option.value;
                if (option.selected && SelectBox.cache_contains(from, option_value)) {
                    SelectBox.add_to_cache(to, {value: option_value, text: option.text, displayed: 1});
                    SelectBox.delete_from_cache(from, option_value);
                }
            }
            // 重新渲染两个下拉框
            SelectBox.redisplay(from);
            SelectBox.redisplay(to);
        },
        /**
         * 将所有选项从一个下拉框移动到另一个下拉框
         * @param {string} from - 源下拉框ID
         * @param {string} to - 目标下拉框ID
         */
        move_all: function(from, to) {
            const from_box = document.getElementById(from);
            for (const option of from_box.options) {
                const option_value = option.value;
                if (SelectBox.cache_contains(from, option_value)) {
                    SelectBox.add_to_cache(to, {value: option_value, text: option.text, displayed: 1});
                    SelectBox.delete_from_cache(from, option_value);
                }
            }
            SelectBox.redisplay(from);
            SelectBox.redisplay(to);
        },
        /**
         * 对下拉框的选项按文本进行排序（忽略大小写）
         * @param {string} id - 下拉框元素的ID
         */
        sort: function(id) {
            SelectBox.cache[id].sort(function(a, b) {
                a = a.text.toLowerCase();
                b = b.text.toLowerCase();
                if (a > b) {
                    return 1;
                }
                if (a < b) {
                    return -1;
                }
                return 0;
            } );
        },
        /**
         * 选中下拉框中的所有选项
         * @param {string} id - 下拉框元素的ID
         */
        select_all: function(id) {
            const box = document.getElementById(id);
            for (const option of box.options) {
                option.selected = true;
            }
        }
    };
    // 暴露到window全局，供外部调用
    window.SelectBox = SelectBox;
}
