From c5e7e48d6d48b9c6107aad2e2368f748e41bc336 Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Thu, 21 Mar 2024 10:22:18 -0500
Subject: [PATCH] a semi working camp form

---
 layouts/shortcodes/camp-form.html | 21 ++++++++++++---------
 src/api/camp_form.rs              |  2 +-
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/layouts/shortcodes/camp-form.html b/layouts/shortcodes/camp-form.html
index 79ed948..93ad9ff 100644
--- a/layouts/shortcodes/camp-form.html
+++ b/layouts/shortcodes/camp-form.html
@@ -23,8 +23,8 @@
          document.getElementById('warning-email').style.margin = '0';
      }
 
-     let base = "http://localhost:4242/camp-form";
-     /* let base = "https://api.tfcconnection.org/camp-form"; */
+     /* let base = "http://localhost:4242/camp-form"; */
+     let base = "https://api.tfcconnection.org/camp-form";
 
      fetch(base, {
          method: "POST",
@@ -72,25 +72,27 @@
             <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>
             <br/>
             <input type="text" id="firstname" name="firstname"
-                   placeholder="First Name" class="flex-1 form-input {{ $formClasses }}">
+                   placeholder="First Name" class="flex-1 form-input {{ $formClasses }}"
+                   required>
             <input type="text" id="lastname" name="lastname"
-                   placeholder="Last Name" class="flex-1 form-input {{ $formClasses }}">
+                   placeholder="Last Name" class="flex-1 form-input {{ $formClasses }}"
+                   required>
         </div>
         <div class="basis-full flex flex-wrap my-4">
             <label for="parentfirstname" class="basis-full">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"
                    class="flex-1 form-input {{ $formClasses }}"
-                   placeholder="First Name">
+                   placeholder="First Name" required>
             <input type="text" id="parentlastname" name="parentlastname"
                    class="flex-1 form-input {{ $formClasses }}"
-                   placeholder="Last Name">
+                   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"
-               class="basis-full form-date {{ $formClasses }}">
+               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 }}">
+        <select id="gender" name="gender" class="basis-full form-select {{ $formClasses }}" required>
             <option value="Male">Male</option>
             <option value="Female">Female</option>
         </select>
@@ -149,7 +151,8 @@
 
         <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"
-               class="basis-full form-input {{ $formClasses }}">
+               class="basis-full form-input {{ $formClasses }}"
+               required>
 
         <label for="parentemail" 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"
diff --git a/src/api/camp_form.rs b/src/api/camp_form.rs
index c51d8f3..7d3eaad 100644
--- a/src/api/camp_form.rs
+++ b/src/api/camp_form.rs
@@ -182,7 +182,7 @@ pub async fn camp_form(MultipartForm(form): MultipartForm<CampForm>) -> HttpResp
                     }
                 }
                 body {
-                    h1 { @format!("Mission trip form for {} {}!", first, last) }
+                    h1 { @format!("Camp form for {} {}!", first, last) }
                     hr;
                     table {
                         tr {