fix: no proper loading feedback on forms

assets/css/input.css

@@ -164,4 +164,30 @@
       "rlig" 1,
       "calt" 1;
   }
+
+  /* HTMX submit button loading states */
+  .htmx-submit-btn .btn-spinner {
+    display: none;
+  }
+
+  .htmx-request .htmx-submit-btn .btn-label,
+  .htmx-request.htmx-submit-btn .btn-label {
+    visibility: hidden;
+  }
+
+  .htmx-request .htmx-submit-btn .btn-spinner,
+  .htmx-request.htmx-submit-btn .btn-spinner {
+    display: flex;
+    position: absolute;
+    inset: 0;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .htmx-request .htmx-submit-btn,
+  .htmx-request.htmx-submit-btn {
+    position: relative;
+    pointer-events: none;
+    opacity: 0.7;
+  }
 }

assets/js/form-submit.js

@@ -0,0 +1,8 @@
+document.addEventListener('DOMContentLoaded', function() {
+	document.addEventListener('submit', function(e) {
+		var btn = e.target.querySelector('.htmx-submit-btn');
+		if (btn) {
+			e.target.classList.add('htmx-request');
+		}
+	});
+});