$(document).ready(function () {
    const OCRFieldIds = ['TheID', 'full_name', 'Therapist_name', 'requested_sum'];
    const SubjectFieldId = 'Subject';
    const SubjectFieldElement = document.querySelector(`[fieldid='fld_${SubjectFieldId}']`);
    const OCRExportSubjects = ["RigshiTipool2024", "ZoogiTipool2024","IshiOrZoogi2025"];

    SubjectFieldElement.addEventListener('change', function () {
        window.SubjectValue = this.value;
    });
    



    function updateOCRResult() {
        const data = {};

        OCRFieldIds.forEach(id => {
            const el = document.querySelector(`[fieldid='${id}']`).querySelector('input');
            if (id === 'TheID') {
                const value = el?.value ?? '';
                data[id] = value ? String(Number(value)) : '';
            }
            else {
                data[id] = el?.value ?? '';
            }


        });

        document.querySelector(
            "[fieldid='OCRResult'] .textArea textarea"
        ).value = JSON.stringify(data);
    }



    const finishForm = document.querySelector('#finishForm');
    const originalOnClick = finishForm.onclick;

    // Execute remove default sendBTN behavior
    document.querySelector('#finishForm').attributes.removeNamedItem('onclick')

    finishForm.onclick = function (event) {
        if (OCRExportSubjects.includes(window.SubjectValue)) {
            updateOCRResult();

            if (typeof originalOnClick === 'function') {
                originalOnClick.call(this, event);
            }
        }

        else {
            if (typeof originalOnClick === 'function') {
                originalOnClick.call(this, event);
            }
        }
    }
})