锘縡unction imgCodes() {
    var xmlhttp;
    xmlhttp = new XMLHttpRequest();
    xmlhttp.open("GET", "/get-captcha-image", true);
    xmlhttp.responseType = "blob";
    xmlhttp.onload = function () {
        console.log(this);
        if (this.status == 200) {
            var blob = this.response;
            var img = document.getElementById("valiCode");
            img.onload = function (e) {
                window.URL.revokeObjectURL(img.src);
            };
            img.src = window.URL.createObjectURL(blob);
        }
    }
    xmlhttp.send();
}

document.addEventListener('DOMContentLoaded', function () {
    var refreshLink = document.getElementById('refreshCaptcha');
    refreshLink.addEventListener('click', function (event) {
        event.preventDefault();
        imgCodes();
    });

    var captchaImage = document.getElementById('valiCode');
    captchaImage.addEventListener('click', function () {
        imgCodes();
    });
});


document.addEventListener('DOMContentLoaded', function () {
    var protocolDialog = document.querySelector('.protocol-dialog');
    var protocolDetailBtn = document.querySelector('.protocol-detail-btn');

    protocolDialog.addEventListener('click', function (event) {
        event.stopPropagation();
        changeDialog(false);
    });

    protocolDetailBtn.addEventListener('click', function (event) {
        event.stopPropagation();
        changeDialog(true);
    });
});

document.addEventListener('DOMContentLoaded', function () {
    var protocolDialogContent = document.querySelector('.protocol-dialog-content');
    protocolDialogContent.addEventListener('click', stop);
});


document.addEventListener('DOMContentLoaded', function () {
    var agreeCheckbox = document.getElementById('agree-checkbox');
    agreeCheckbox.addEventListener('change', agreeProtocol);
});





function readAndAgree() {
    var length = document.querySelectorAll('.agreeProtocol:checked').length;
    changeDialog(false);

    if (length === 0) {
        document.querySelector('.agreeProtocol').checked = true;
        document.querySelector('.disable-submit-btn').style.display = 'none';
        document.querySelector('.submit-btn').style.display = 'block';
        document.querySelector('.sp-checkbox').classList.add('checked');
    }
}

document.addEventListener('DOMContentLoaded', function () {
    var readBtn = document.querySelector('.read-btn');
    readBtn.addEventListener('click', readAndAgree);
});


function changeDialog(value) {
    if (value) {
        document.querySelector('.protocol-dialog').style.display = 'block';
        document.body.style.overflow = 'hidden';
        document.documentElement.style.overflow = 'hidden';
    } else {
        document.querySelector('.protocol-dialog').style.display = 'none';
        document.body.style.overflow = 'visible';
        document.documentElement.style.overflow = 'visible';
    }
}


function agreeProtocol() {
    var length = document.querySelectorAll('.agreeProtocol:checked').length;
    if (length === 0) {
        document.querySelector('.submit-btn').style.display = 'none';
        document.querySelector('.disable-submit-btn').style.display = 'block';
        document.querySelector('.sp-checkbox').classList.remove('checked');
    } else {
        document.querySelector('.disable-submit-btn').style.display = 'none';
        document.querySelector('.submit-btn').style.display = 'block';
        document.querySelector('.sp-checkbox').classList.add('checked');
    }
}


function stop(event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
}



document.addEventListener('DOMContentLoaded', function () {
    const introduces = document.querySelectorAll('.introduce');
    const details = document.querySelectorAll('.details');

    introduces.forEach((introduce) => {
        introduce.addEventListener('click', () => {
            showDetail(introduce, 0);
        });
    });

    details.forEach((detail) => {
        detail.addEventListener('click', () => {
            showDetail(detail, 1);
        });
    });
});

function showDetail(par, flag) {
    if (flag === 0) {
        document.querySelectorAll('.details').forEach((detail) => {
            detail.style.display = 'none';
        });
        document.querySelectorAll('.introduce').forEach((introduce) => {
            introduce.style.display = 'block';
        });
        par.style.display = 'none';
        par.nextElementSibling.style.display = 'block';
    } else {
        par.style.display = 'none';
        par.previousElementSibling.style.display = 'block';
    }
}


document.addEventListener('DOMContentLoaded', function () {
    const tempDataElement = document.getElementById('temp-data');

    if (tempDataElement) {
        const tempDataMsg = tempDataElement.getAttribute('data-msg');

        if (tempDataMsg.includes("楠岃瘉鐮?)) {
            showAlert("楠岃瘉鐮侀敊璇紝璇烽噸璇?);
        } else if (tempDataMsg.includes("鎴愬姛")) {
            showAlert("鎻愪氦鎴愬姛");
        }
    }
});

function showAlert(message) {
    alert(message);
}