feat: email

src/routes/Register.svelte

@@ -6,6 +6,7 @@
 
 	$: firstname = '';
 	$: lastname = '';
+	$: email = '';
 	$: doneButtonEnabled = false;
 	$: showResult = false;
 
@@ -34,6 +35,7 @@
 			response = (await RunnerService.runnerControllerPost({
 				firstname,
 				lastname,
+				email,
 				group
 			})) as ResponseRunner;
 			showResult = true;
@@ -184,6 +186,48 @@
 							</div>
 							<!-- End Form Group -->
 
+							<!-- Form Group -->
+							<div>
+								<label for="email" class="block text-lg font-bold mb-2 sr-only">E-Mail (optional)</label>
+								<div class="relative">
+									<input
+										type="email"
+										id="email"
+										name="email"
+										class="py-3 px-4 block w-full border-gray-200 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 border"
+										required
+										placeholder="E-Mail (optional)"
+										aria-describedby="lastname-error"
+										bind:value={email}
+									/>
+									<!-- <div
+											class:hidden={lastname || lastname.length != 0}
+											class="absolute inset-y-0 right-0 flex items-center pointer-events-none pr-3"
+										>
+											<svg
+												class="h-5 w-5 text-red-500"
+												width="16"
+												height="16"
+												fill="currentColor"
+												viewBox="0 0 16 16"
+												aria-hidden="true"
+											>
+												<path
+													d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
+												/>
+											</svg>
+										</div> -->
+								</div>
+								<!-- <p
+										class:hidden={lastname || lastname.length != 0}
+										class="text-xs text-red-600 mt-2"
+										id="lastname-error"
+									>
+										Bitte gebe deinen Nachnamen ein
+									</p> -->
+							</div>
+							<!-- End Form Group -->
+
 							<button
 								type="submit"
 								disabled={!firstname || !lastname}