From 0f76351ae9b712daf4414d87f326e7737bd7a4b0 Mon Sep 17 00:00:00 2001
From: jordi fita mas <jordi@tandem.blog>
Date: Tue, 13 Feb 2024 05:59:07 +0100
Subject: [PATCH] Move down HTMx attributes for booking form

Otherwise, it reloads the form while customers are writing their
details, removing the focus from the form; **very** annoying.

On the plus side, there is nothing to compute when entering these
fields, thus no redundant work is done now.
---
 web/templates/public/booking/fields.gohtml | 23 +++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/web/templates/public/booking/fields.gohtml b/web/templates/public/booking/fields.gohtml
index 6332b99..11d717d 100644
--- a/web/templates/public/booking/fields.gohtml
+++ b/web/templates/public/booking/fields.gohtml
@@ -5,13 +5,12 @@
 -->
 {{- /*gotype: dev.tandem.ws/tandem/camper/pkg/booking.publicPage*/ -}}
 {{ with .Form -}}
-    <fieldset
-            data-hx-get="/{{ currentLocale }}/booking"
-            data-hx-trigger="change"
-    >
+    <fieldset>
         <input type="hidden" name="{{ .PaymentSlug.Name }}" value="{{ .PaymentSlug.Val }}">
-       
-        <fieldset class="accommodation">
+
+        <fieldset class="accommodation"
+                  data-hx-get="/{{ currentLocale }}/booking" data-hx-trigger="change"
+        >
             <legend>{{( pgettext "Accommodation" "title" )}}</legend>
             {{ range .CampsiteType.Options -}}
                 <label><input type="radio" name="{{ $.Form.CampsiteType.Name }}" value="{{ .Value }}"
@@ -21,7 +20,9 @@
             {{ template "error-message" .CampsiteType }}
         </fieldset>
         {{ with .Dates -}}
-            <fieldset class="booking-period">
+            <fieldset class="booking-period"
+                      data-hx-get="/{{ currentLocale }}/booking" data-hx-trigger="change"
+            >
                 <legend>{{( pgettext "Booking Period" "title" )}}</legend>
                 {{ with .ArrivalDate -}}
                     <label>
@@ -48,7 +49,9 @@
             </fieldset>
         {{- end }}
         {{ with $guests := .Guests -}}
-            <fieldset class="guests campsite-options">
+            <fieldset class="guests campsite-options"
+                      data-hx-get="/{{ currentLocale }}/booking" data-hx-trigger="change"
+            >
                 <legend>{{( pgettext "Guests" "title" )}}</legend>
 
                 {{ with .NumberAdults -}}
@@ -107,7 +110,9 @@
             </fieldset>
         {{- end }}
         {{ with .Options -}}
-            <fieldset class="campsite-options">
+            <fieldset class="campsite-options"
+                      data-hx-get="/{{ currentLocale }}/booking" data-hx-trigger="change"
+            >
                 <legend>{{ .Legend }}</legend>
                 {{ with .ZonePreferences -}}
                     <label>