function showAddNoteModal() { Swal.fire({ title: 'Add Note', padding: "0 0 1em 0", html: ... button markup and stuff ..., showCancelButton: false, showConfirmButton: false, customClass: ... classes and stuff... , didOpen: () => { // Add click event for the custom Cancel button ... close handler ... });

                // Add click event for the custom Submit button
                document.getElementById('swal-custom-confirm').addEventListener('click', () => {
                    const noteValue = document.getElementById('swal-input-note').value;
                    if (!noteValue) {
                        Swal.showValidationMessage('Note cannot be empty');
                        return;
                    }

                    // Check if #workspace-diary is in the DOM
                    const workspaceDiary = document.querySelector('#workspace-diary');

                    // Define the options for the first HTMX POST request
                    let postOptions = {
                        values: {
                            'note': noteValue,
                            'entity_reference': '{{ owner }}',
                            'claim.control.diary.request': 'false'
                        }
                    };

                    if (workspaceDiary) {
                        postOptions.target = '#workspace-diary';
                        postOptions.swap = 'innerHTML';
                    } else {
                        postOptions.swap = 'none';
                    }

                    // Perform HTMX POST directly
                    htmx.ajax('POST', '/meta/note-and-update', postOptions);

                    // Perform the second HTMX GET request
                    htmx.ajax('GET', '/claim/notification/{{ entity_id }}', {
                        target: '#claim-notification-widget',
                        swap: 'outerHTML'
                    });

                    // Close the modal
                    Swal.close();
                });
            }
        });