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

let mobileDrawerEventsBound = false;

/**
 * 绑定手机端抽屉基础控件事件。
 *
 * @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 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?.();
    });
}