<script>
(function() {
    // Workaround for JRASERVER-78779
    // use a MutationObserver to detect when the button appears in the
    // DOM (it's loaded via AJAX), then attach a one-time click guard directly to it.

    function guardButton(btn) {
        if (btn.dataset.guardApplied) return;
        btn.dataset.guardApplied = 'true';

        btn.addEventListener('click', function handler(e) {
            // After first click, disable the button immediately
            setTimeout(function() {
                btn.disabled = true;
                btn.style.opacity = '0.5';
            }, 0);

            // Re-enable if the form comes back with validation errors
            // FormDialog2 replaces the dialog content on error, which removes
            // and re-adds the button - the MutationObserver will re-guard it
        });
    }

    function checkAndGuard() {
        var btn = document.getElementById('log-work-form-submit');
        if (btn) guardButton(btn);
    }

    // Watch for the button being added to the DOM (dialog loads via AJAX)
    var observer = new MutationObserver(function(mutations) {
        for (var i = 0; i < mutations.length; i++) {
            var added = mutations[i].addedNodes;
            for (var j = 0; j < added.length; j++) {
                if (added[j].nodeType !== 1) continue;
                // Check if the button is the added node or inside it
                if (added[j].id === 'log-work-form-submit') {
                    guardButton(added[j]);
                } else if (added[j].querySelector) {
                    var btn = added[j].querySelector('#log-work-form-submit');
                    if (btn) guardButton(btn);
                }
            }
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });

    // Also guard if already present on page load
    checkAndGuard();
})();
</script>