a semi working camp form

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 = "http://localhost:4242/camp-form"; */
-     /* let base = "https://api.tfcconnection.org/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"

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 {