{% if S_IN_UCP or S_VIEWTOPIC or S_IN_POSTING %}
<script>
(function () {
    /**
     * @param {string} btn
     * @return {string}
     */
    function getButtonText(btn) {
        return btn.tagName === 'INPUT' ? btn.value : btn.textContent;
    }

    /**
     * @param {HTMLElement} btn
     * @param {string} text
     */
    function setButtonText(btn, text) {
        if (btn.tagName === 'INPUT') {
            btn.value = text;
        } else {
            btn.textContent = text;
        }
    }

    /**
     * @param {string} formId
     */
    function enhanceForm(formId) {
        var form = document.getElementById(formId);
        if (!form) return;

        var isSubmitting = false;
        var submitTimeout = null;
        var pmContext = document.body.classList.contains('pm') || window.location.href.indexOf('i=pm') !== -1;
        var fieldsets = form.querySelectorAll('.submit-buttons');

        function resetForm() {
            isSubmitting = false;
            clearTimeout(submitTimeout);

            var buttons = form.querySelectorAll('.submit-buttons input[type="submit"], .submit-buttons button[type="submit"]');
            buttons.forEach(function (btn) {
                btn.style.removeProperty('display');
                btn.disabled = false;
                if (btn.dataset.originalValue) {
                    setButtonText(btn, btn.dataset.originalValue);
                }
            });
        }

        fieldsets.forEach(function (fieldset) {
            var buttons = fieldset.querySelectorAll('input[type="submit"], button[type="submit"]');

            buttons.forEach(function (button) {
                button.addEventListener('click', function (e) {
                    if (isSubmitting) {
                        e.preventDefault();
                        return;
                    }
                    isSubmitting = true;

                    var clicked = this;
                    buttons.forEach(function (btn) {
                        if (btn !== clicked) {
                            btn.style.display = 'none';
                            btn.disabled = true;
                        }
                    });

                    switch (this.name) {
                        case 'preview':
                            if (pmContext) {
                                setButtonText(this, '{{ lang('PM_PREVIEW_SENDING')|e('js') }}');
                            } else if (formId === 'qr_postform') {
                                setButtonText(this, '{{ lang('FULLED_SENDING')|e('js') }}');
                            } else {
                                setButtonText(this, '{{ lang('PREVIEW_SENDING')|e('js') }}');
                            }
                            break;
                        case 'post':
                            setButtonText(this, pmContext
                                ? '{{ lang('PM_POST_SENDING')|e('js') }}'
                                : '{{ lang('POST_SENDING')|e('js') }}');
                            break;
                        case 'save':
                            setButtonText(this, pmContext
                                ? '{{ lang('PM_DRAFT_SENDING')|e('js') }}'
                                : '{{ lang('DRAFT_SENDING')|e('js') }}');
                            break;
                        case 'load':
                            setButtonText(this, pmContext
                                ? '{{ lang('PM_LOAD_SENDING')|e('js') }}'
                                : '{{ lang('LOAD_SENDING')|e('js') }}');
                            break;
                    }

                    clearTimeout(submitTimeout);
                    submitTimeout = setTimeout(resetForm, 30000);
                });
            });
        });

        form.addEventListener('reset', function () {
            clearTimeout(submitTimeout);
            resetForm();
        });

        window.addEventListener('pageshow', function (e) {
            if (e.persisted) {
                resetForm();
            }
        });

        window.addEventListener('beforeunload', function () {
            clearTimeout(submitTimeout);
        });
    }

    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.submit-buttons input[type="submit"], .submit-buttons button[type="submit"]').forEach(function (btn) {
            btn.dataset.originalValue = getButtonText(btn);
        });

        enhanceForm('qr_postform');
        enhanceForm('postform');
    });
})();
</script>
{% endif %}