// 手机端抽屉基础控件事件绑定，替代浮动按钮、关闭按钮与名单 tab 的内联事件。

let mobileDrawerEventsBound = false;

/**
 * 执行手机抽屉工具入口动作。
 *
 * @param {string} action 工具动作
 * @returns {void}
 */
function runMobileToolAction(action) {
    // 抽屉工具只负责分发到现有全局函数，业务实现仍留在原模块中。
    const actions = {
        "daily-sign-in": () => window.quickDailySignIn?.(),
        shop: () => window.openShopModal?.(),
        vip: () => window.openVipModal?.(),
        "save-exp": () => window.saveExp?.(),
        game: () => window.openGameHall?.(),
        bank: () => window.openBankModal?.(),
        marriage: () => window.openMarriageStatusModal?.(),
        friend: () => window.openFriendPanel?.(),
        avatar: () => window.openAvatarPicker?.(),
        settings: () => {
            if (typeof window.openSettingsModal === "function") {
                window.openSettingsModal();
                return;
            }

            const settingsModal = document.getElementById("settings-modal");
            if (settingsModal) {
                settingsModal.style.display = "flex";
            }
        },
    };

    actions[action]?.();
}

/**
 * 确认并执行手机端离开房间动作。
 *
 * @returns {void}
 */
function confirmMobileLeaveRoom() {
    // 离开房间需要保留二次确认，避免手机误触直接退出。
    window.chatDialog
        ?.confirm("确定要离开聊天室吗？", "离开聊天室")
        .then((ok) => {
            if (ok) {
                window.leaveRoom?.();
            }
        });
}

/**
 * 绑定手机端抽屉基础控件事件。
 *
 * @returns {void}
 */
export function bindMobileDrawerControls() {
    if (mobileDrawerEventsBound || typeof document === "undefined") {
        return;
    }

    mobileDrawerEventsBound = true;
    document.addEventListener("click", (event) => {
        if (!(event.target instanceof Element)) {
            return;
        }

        const drawerTrigger = event.target.closest("[data-mobile-drawer-open]");
        if (drawerTrigger) {
            event.preventDefault();
            window.openMobileDrawer?.(drawerTrigger.dataset.mobileDrawerOpen);
            return;
        }

        if (event.target.closest("[data-mobile-drawer-close]")) {
            event.preventDefault();
            window.closeMobileDrawer?.();
            return;
        }

        const toolAction = event.target.closest("[data-mobile-tool-action]");
        if (toolAction) {
            event.preventDefault();
            window.closeMobileDrawer?.();

            const action = toolAction.getAttribute("data-mobile-tool-action") || "";
            if (action === "leave") {
                confirmMobileLeaveRoom();
                return;
            }

            runMobileToolAction(action);
            return;
        }

        const toolUrl = event.target.closest("[data-mobile-tool-url]");
        if (toolUrl) {
            event.preventDefault();
            window.closeMobileDrawer?.();

            const url = toolUrl.getAttribute("data-mobile-tool-url");
            if (url) {
                window.open(url, "_blank");
            }

            return;
        }

        const tabTrigger = event.target.closest("[data-mobile-drawer-tab]");
        if (tabTrigger) {
            event.preventDefault();
            window.switchMobileTab?.(tabTrigger.dataset.mobileDrawerTab);
        }
    });

    document.addEventListener("change", (event) => {
        if (!(event.target instanceof HTMLSelectElement) || event.target.id !== "mob-user-sort-select") {
            return;
        }

        window.renderMobileUserList?.();
    });

    document.addEventListener("input", (event) => {
        if (!(event.target instanceof HTMLInputElement) || event.target.id !== "mob-user-search-input") {
            return;
        }

        window.scheduleRenderMobileUserList?.();
    });
}