From 3353f592687e04758d1d94e46be0f8549e485c1d Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Thu, 25 Apr 2024 21:33:41 -0500
Subject: [PATCH] switching to a better naming scheme for fields in form

---
 layouts/shortcodes/camp-form.html | 34 +++++++++++++++----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/layouts/shortcodes/camp-form.html b/layouts/shortcodes/camp-form.html
index 6567ea8..2fb65b2 100644
--- a/layouts/shortcodes/camp-form.html
+++ b/layouts/shortcodes/camp-form.html
@@ -6,26 +6,26 @@
     <form id='form' hx-post="https://api.tfcconnection.org/camp-form" autocomplete="on" method="post" target="_parent" class="w-full items-center flex flex-wrap">
         <h3 class="basis-full">Camp Form</h3>
         <div class="basis-full flex flex-wrap my-4">
-            <label for="firstname" class="basis-full">What is your first and last name? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
+            <label for="first-name" class="basis-full">What is your first and last name? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
             <br/>
-            <input type="text" id="firstname" name="firstname"
+            <input type="text" id="first-name" name="first-name"
                    placeholder="First Name" class="peer flex-1 form-input {{ $formClasses }}"
                    required>
-            <input type="text" id="lastname" name="lastname"
+            <input type="text" id="last-name" name="last-name"
                    placeholder="Last Name" class="peer flex-1 form-input {{ $formClasses }}"
                    required>
 
-            <label for="parentfirstname" class="basis-full mt-2">What is your guardian's first and last name? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
-            <input type="text" id="parentfirstname" name="parentfirstname"
+            <label for="parent-first-name" class="basis-full mt-2">What is your guardian's first and last name? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
+            <input type="text" id="parent-first-name" name="parent-first-name"
                    class="peer flex-1 form-input {{ $formClasses }}"
                    placeholder="First Name" required>
-            <input type="text" id="parentlastname" name="parentlastname"
+            <input type="text" id="parent-last-name" name="parent-last-name"
                    class="peer flex-1 form-input {{ $formClasses }}"
                    placeholder="Last Name" required>
         </div>
 
-        <label for="birthdate" class="basis-full">When were you born? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
-        <input type="date" id="birthdate" name="birthdate"
+        <label for="birth-date" class="basis-full">When were you born? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
+        <input type="date" id="birth-date" name="birth-date"
                class="basis-full form-date {{ $formClasses }}" required>
         <label for="gender" class="basis-full">Gender <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
         <select id="gender" name="gender" class="basis-full form-select {{ $formClasses }}" required>
@@ -85,8 +85,8 @@
             <label for="grade" class="">College Freshman</label>
         </div>
 
-        <label for="parentphone" class="basis-full">Guardian's phone <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
-        <input type="tel" id="parentphone" name="parentphone"
+        <label for="parent-phone" class="basis-full">Guardian's phone <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
+        <input type="tel" id="parent-phone" name="parent-phone"
                class="basis-full peer form-input {{ $formClasses }}
                      invalid:text-[#f39] invalid:ring-[#f39]
                      focus:invalid:ring-[#f39]
@@ -111,10 +111,10 @@
         -->
         <div class="basis-full flex flex-wrap">
             
-            <label for="parentemail" class="basis-full">Guardian's Email
+            <label for="parent-email" class="basis-full">Guardian's Email
                 <span class='inline-block text-[#f39] text-sm align-sub'>* required</span>
             </label>
-            <input type="parentemail" id="parentemail" name="parentemail"
+            <input type="email" id="parent-email" name="parent-email"
                    pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$"
                    class="basis-full peer form-input
                          {{ $formClasses }}
@@ -167,20 +167,20 @@
                 </label>
             </div>
         </div>
-        <label for="health" class="basis-full my-2">
+        <label for="health-form" class="basis-full my-2">
             Would you like to fill out the health form now or later? Your health form is not required right now, but you cannot go to camp without one.
         </label>
         <div class="basis-full mt-4">
-            <input type="radio" value="now" id="health" name="health"
+            <input type="radio" value="now" id="health-form" name="health-form"
                    class="form-input {{ $formClasses }}" checked>
-            <label for="health" class="">
+            <label for="health-form" class="">
                 Now
             </label>
         </div>
         <div class="basis-full mb-4">
-            <input type="radio" value="later" id="health" name="health"
+            <input type="radio" value="later" id="health-form" name="health-form"
                    class="form-input {{ $formClasses }}">
-            <label for="health" class="">
+            <label for="health-form" class="">
                 Later
             </label>
         </div>