fuer Mina, zum Spielen

src/routes/(angemeldet)/view/+page.svelte

@@ -8,6 +8,7 @@
 	import Exclamation from '$lib/icons/Exclamation.svelte';
 
 	export let form;
+	let token = 'TOKEN-$$$';
 </script>
 
 <div class="mx-auto max-w-2xl">
@@ -50,6 +51,34 @@
 							<p class="block text-sm leading-6 text-red-900 mt-2">{form.error.caseNumber}</p>
 						{/if}
 					</div>
+
+					<div>
+						<label for="token" class="block text-sm font-medium leading-6 text-gray-900"
+							><span class="flex"
+								>
+								Zugangscode</span
+							></label
+						>
+						<div class="mt-2 w-full">
+							<div
+								class="flex w-full rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600"
+							>
+								<input
+									value={token || false}
+									placeholder="optional"
+									type="text"
+									name="token"
+									id="token"
+									class="block w-full flex-1 border-0 bg-transparent py-1.5 pl-1 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6"
+								/>
+							</div>
+						</div>
+						{#if form?.error?.token}
+							<p class="block text-sm leading-6 text-red-900 mt-2">{form.error.token}</p>
+						{/if}
+					</div>
+
+
 				</div>
 			</div>
 			<div class="mt-6 flex items-center justify-end gap-x-6">