@if(!empty($autoSaveMinutes))
<script>
    (function() {
        if (window.__choicesCrmAutoSaveStarted) {
            return;
        }
        window.__choicesCrmAutoSaveStarted = true;

        var autoSaveMinutes = Number(@json($autoSaveMinutes));
        if (!autoSaveMinutes || autoSaveMinutes < 1) {
            return;
        }

        var intervalMs = autoSaveMinutes * 60 * 1000;
        var dirtyForms = new Set();
        var savingForms = new WeakSet();
        var processedForms = new WeakSet();
        var formTimers = new WeakMap();
        var formVersions = new WeakMap();
        var activeSaves = new WeakMap();
        var debugAutoSave = true;

        function logAutoSave(message, context) {
            if (!debugAutoSave || !window.console) {
                return;
            }

            console.log('[CRM Auto Save] ' + message, context || {});
        }

        function isSkippableForm(form) {
            var method = (form.getAttribute('method') || 'GET').toUpperCase();
            var action = form.getAttribute('action') || '';
            var context = {
                action: action,
                classes: form.className || '',
                autosave: form.getAttribute('data-crm-autosave') || ''
            };

            if (
                form.getAttribute('data-crm-autosave') !== 'on' ||
                !form.classList.contains('acknowledgement_main_form1')
            ) {
                logAutoSave('Skipped form: not a CommonHelper task form', context);
                return true;
            }

            if (
                method === 'GET' ||
                !action ||
                action === '#'
            ) {
                logAutoSave('Skipped form: invalid method/action', context);
                return true;
            }

            if (!form.querySelector('input:not([type="hidden"]):not([type="submit"]):not([type="button"]), textarea, select')) {
                logAutoSave('Skipped form: no editable fields', context);
                return true;
            }

            if (!getAutoSaveButton(form)) {
                logAutoSave('Skipped form: no draft or section save button', context);
                return true;
            }

            logAutoSave('Tracking form', context);
            return false;
        }

        function getAutoSaveButton(form) {
            var candidates = form.querySelectorAll('button[type="submit"]:not([disabled]), input[type="submit"]:not([disabled]), #save_as_draft:not([disabled])');
            var sectionButton = null;

            for (var index = 0; index < candidates.length; index++) {
                var candidate = candidates[index];

                if (isDraftButton(candidate)) {
                    logAutoSave('Selected auto-save button', getButtonContext(candidate, form));
                    return candidate;
                }

                if (isSectionSaveButton(candidate)) {
                    sectionButton = sectionButton || candidate;
                }
            }

            if (sectionButton) {
                logAutoSave('Selected auto-save button', getButtonContext(sectionButton, form));
                return sectionButton;
            }

            var supervisionDraftButton = getRelatedSupervisionDraftButton(form);

            if (supervisionDraftButton) {
                logAutoSave('Selected related supervision auto-save button', getButtonContext(supervisionDraftButton, form));
                return supervisionDraftButton;
            }

            return null;
        }

        function getRelatedSupervisionDraftButton(form) {
            if (
                !form.querySelector('input[name="isSupervision"][value="true"]') ||
                !getFormValue(form, 'task_id')
            ) {
                return null;
            }

            var wrapper = form.closest('.management_employee_month_details') || document;
            var buttons = wrapper.querySelectorAll('.draftbtn:not([disabled])');

            for (var index = 0; index < buttons.length; index++) {
                if (isDraftButton(buttons[index])) {
                    return buttons[index];
                }
            }

            return null;
        }

        function getButtonContext(button, form) {
            return {
                formAction: form.getAttribute('action') || '',
                formClasses: form.className || '',
                buttonText: (button.textContent || button.value || '').trim(),
                buttonName: button.getAttribute('name') || '',
                buttonValue: button.getAttribute('value') || '',
                buttonTrigger: button.getAttribute('data-crm-autosave-trigger') || ''
            };
        }

        function isDraftButton(button) {
            var label = ((button.textContent || button.value || '') + '').toLowerCase();
            var name = (button.getAttribute('name') || '').toLowerCase();
            var value = (button.getAttribute('value') || '').toLowerCase();

            return (
                button.getAttribute('data-crm-autosave-trigger') === 'draft' ||
                name === 'draft' ||
                (name === 'is_draft' && value === '1') ||
                (label.indexOf('draft') !== -1 && !isBlockedButton(button))
            );
        }

        function isSectionSaveButton(button) {
            var name = (button.getAttribute('name') || '').toLowerCase();
            var trigger = button.getAttribute('data-crm-autosave-trigger');

            return !isBlockedButton(button) && (trigger === 'section' || name === 'save_section');
        }

        function isBlockedButton(button) {
            var label = ((button.textContent || button.value || '') + '').toLowerCase();
            var name = (button.getAttribute('name') || '').toLowerCase();
            var value = (button.getAttribute('value') || '').toLowerCase();
            var blockedTerms = ['delete', 'remove', 'archive', 'publish', 'restore', 'logout', 'approve', 'reject', 'final'];
            var blockedClasses = ['finalsave', 'saveapprovel', 'final-savebtn'];

            for (var classIndex = 0; classIndex < blockedClasses.length; classIndex++) {
                if (button.classList.contains(blockedClasses[classIndex])) {
                    return true;
                }
            }

            for (var index = 0; index < blockedTerms.length; index++) {
                var term = blockedTerms[index];

                if (name.indexOf(term) !== -1 || value.indexOf(term) !== -1 || label.indexOf(term) !== -1) {
                    return true;
                }
            }

            return false;
        }

        function scheduleFormSave(form) {
            if (formTimers.has(form)) {
                clearTimeout(formTimers.get(form));
            }

            var timer = window.setTimeout(function() {
                if (dirtyForms.has(form) && document.body.contains(form)) {
                    triggerAutoSave(form);
                }
            }, intervalMs);

            formTimers.set(form, timer);
        }

        function markFormDirty(form) {
            formVersions.set(form, (formVersions.get(form) || 0) + 1);
            dirtyForms.add(form);
            scheduleFormSave(form);
        }

        function clearFormTimer(form) {
            if (formTimers.has(form)) {
                window.clearTimeout(formTimers.get(form));
                formTimers.delete(form);
            }
        }

        function normalizeUrl(url) {
            var anchor = document.createElement('a');
            anchor.href = url;

            return anchor.href;
        }

        function getFormValue(form, name) {
            var field = form.querySelector('[name="' + name + '"]');

            return field ? field.value : '';
        }

        function getFormSignature(form) {
            return {
                task_id: getFormValue(form, 'task_id'),
                forms_id: getFormValue(form, 'forms_id'),
                section_id: getFormValue(form, 'section_id'),
                formtype: getFormValue(form, 'formtype')
            };
        }

        function getRequestValue(data, name) {
            if (!data) {
                return null;
            }

            if (window.FormData && data instanceof FormData) {
                return data.has(name) ? String(data.get(name)) : null;
            }

            if (typeof data === 'string') {
                var params = new URLSearchParams(data);

                return params.has(name) ? params.get(name) : null;
            }

            if (typeof data === 'object' && Object.prototype.hasOwnProperty.call(data, name)) {
                return String(data[name]);
            }

            return null;
        }

        function requestMatchesActiveSave(activeSave, settings) {
            if (!settings || normalizeUrl(settings.url || '') !== activeSave.action) {
                return false;
            }

            var comparableKeys = ['task_id', 'forms_id', 'section_id', 'formtype'];
            var matchedKeys = 0;

            for (var index = 0; index < comparableKeys.length; index++) {
                var key = comparableKeys[index];
                var requestValue = getRequestValue(settings.data, key);

                if (requestValue === null) {
                    continue;
                }

                matchedKeys++;

                if (requestValue !== String(activeSave.signature[key] || '')) {
                    return false;
                }
            }

            return matchedKeys > 0;
        }

        function completeAutoSave(form, successful) {
            var activeSave = activeSaves.get(form);

            if (!activeSave) {
                savingForms.delete(form);
                return;
            }

            activeSaves.delete(form);
            savingForms.delete(form);

            if (successful && (formVersions.get(form) || 0) === activeSave.version) {
                dirtyForms.delete(form);
                clearFormTimer(form);
                return;
            }

            if (dirtyForms.has(form) && document.body.contains(form)) {
                scheduleFormSave(form);
            }
        }

        function triggerAutoSave(form) {
            if (isSkippableForm(form)) {
                return;
            }

            if (savingForms.has(form)) {
                scheduleFormSave(form);
                return;
            }

            var button = getAutoSaveButton(form);

            if (!button) {
                return;
            }

            savingForms.add(form);
            clearFormTimer(form);
            activeSaves.set(form, {
                version: formVersions.get(form) || 0,
                action: normalizeUrl(form.getAttribute('action')),
                signature: getFormSignature(form)
            });

            form.dataset.crmAutosaveSubmitting = '1';
            form.dataset.crmAutosaveSubmitStarted = '';

            button.click();

            if (form.dataset.crmAutosaveSubmitStarted !== '1') {
                delete form.dataset.crmAutosaveSubmitting;
                completeAutoSave(form, false);
            }
        }

        function bootAutoSave() {
            document.querySelectorAll('form').forEach(function(form) {
                if (
                    processedForms.has(form) ||
                    isSkippableForm(form)
                ) {
                    return;
                }

                processedForms.add(form);

                $(form).on('input change', 'input, textarea, select', function() {
                    markFormDirty(form);
                });

                $(form).on('submit', function() {
                    if (form.dataset.crmAutosaveSubmitting === '1') {
                        form.dataset.crmAutosaveSubmitStarted = '1';
                        delete form.dataset.crmAutosaveSubmitting;
                        return;
                    }

                    clearFormTimer(form);
                });

                $(form).on('invalid-form.validate', function() {
                    completeAutoSave(form, false);
                });
            });
        }

        $(function() {
            bootAutoSave();

            new MutationObserver(function() {
                bootAutoSave();
            }).observe(document.body, {
                childList: true,
                subtree: true
            });
        });

        $(document).ajaxSuccess(function(event, xhr, settings) {
            document.querySelectorAll('form').forEach(function(form) {
                var activeSave = activeSaves.get(form);

                if (activeSave && requestMatchesActiveSave(activeSave, settings)) {
                    completeAutoSave(form, true);
                }
            });
        });

        $(document).ajaxError(function(event, xhr, settings) {
            document.querySelectorAll('form').forEach(function(form) {
                var activeSave = activeSaves.get(form);

                if (activeSave && requestMatchesActiveSave(activeSave, settings)) {
                    completeAutoSave(form, false);
                }
            });
        });
    })();
</script>
@endif