From b9721a9babf5c97748d00bad87d6bf16c9b95229 Mon Sep 17 00:00:00 2001
From: cclohmar <claus.lohmar@lohmar.co.uk>
Date: Wed, 3 Jun 2026 08:03:47 +0000
Subject: [PATCH] fix: event edit and delete now use htmx.trigger() instead of
 .submit() / hx.trigger()
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- form.submit() triggered standard GET submission with query params
- hx.trigger() is not a valid function — htmx.trigger() is the correct API
- Both edit save and delete now properly fire HTMX requests
---
 templates/event_expenses.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/event_expenses.html b/templates/event_expenses.html
index 63ea2c1..7952a9a 100644
--- a/templates/event_expenses.html
+++ b/templates/event_expenses.html
@@ -27,7 +27,7 @@
                     <div style="display: flex; gap: 0.5rem;">
                         <button id="edit-toggle-btn" class="btn btn-secondary btn-sm" onclick="toggleEdit()" style="font-size: 0.75rem;">🔒 Edit</button>
                         <button class="btn btn-secondary btn-sm" style="font-size: 0.75rem; color: #fca5a5; border-color: #7f1d1d;"
-                                onclick="if(confirm('Delete this event and all its receipts?')){hx.trigger('#delete-event','click')}">🗑️</button>
+                                onclick="if(confirm('Delete this event and all its receipts?')){htmx.trigger('#delete-event','click')}">🗑️</button>
                         <div hx-delete="/events/{{.Event.ID}}" hx-target="body" hx-push-url="true" id="delete-event" style="display:none"></div>
                     </div>
                 </div>
@@ -71,7 +71,7 @@
                 });
                 btn.textContent = isEditing ? '🔒 Edit' : '🔓 Save';
                 if (!isEditing) {
-                    document.getElementById('event-meta-form').submit();
+                    htmx.trigger('#event-meta-form', 'submit');
                 }
             }
             </script>