Anmeldung noch Fehlerhaft

src/routes/+page.svelte

@@ -35,9 +35,24 @@
 
 
   onMount(async () => {
-    const res = await fetch('/api/dienststellen');
-    dienststellen = await res.json();
+    const resDienstelle = await fetch('/api/dienststellen');
+    dienststellen = await resDienstelle.json();
+
+    const resZeitraeume = await fetch('/api/zeitraeume');
+    zeitraeume = await resZeitraeume.json();
   });
+  interface Zeitraum {
+    id: number;
+    bezeichnung: string;
+    startDatum: string;
+    endDatum: string;
+  }
+  let zeitraeume: Zeitraum[] = [];
+  //let neuerBezeichnung = '';
+  //let neuerstartDatum = '';
+  //let neuerendDatum = '';
+  let fehlermeldung = '';
+  let bearbeiteId: number | null = null;
 
   function resetForm() {
     anrede = '';
@@ -180,7 +195,15 @@
         <option value="Entspricht den Erwartungen">Entspricht den Erwartungen</option>
         <option value="Entspricht den Erwartungen mit Einschränkungen">Entspricht den Erwartungen mit Einschränkungen</option>
       </select>
-      <input bind:value={zeitraum} placeholder="Wunschzeitraum fürs Praktikum" required class="input col-span-2" />
+    </div>
+
+    <div class="grid grid-cols-1 gap-4">
+      <select bind:value={zeitraum} required class="input">
+        <option value="" disabled selected hidden>Wunschzeitraum fürs Praktikum</option>
+        {#each zeitraeume ?? [] as d}
+          <option value={d.id}>{d.bezeichnung} ({new Date(d.startDatum).toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' })} - {new Date(d.endDatum).toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' })})</option>
+        {/each}
+      </select> 
     </div>
 
     <!-- Wunschdienststellen -->

src/routes/api/anmelden/+server.ts

@@ -37,6 +37,10 @@ export async function POST({ request }) {
         plz: get('plz'),
         telefon: get('telefon'),
         email: get('email'),
+        noteDeutsch: parseFloat(get('noteDeutsch')),
+        noteMathe: parseFloat(get('noteMathe')),
+        sozialverhalten: get('sozialverhalten'),
+        praktikumId: Number(formData.get('praktikumId')),
         schulart: get('schulart'),
         motivation: get('motivation'),
         wunsch1Id: parseInt(get('wunsch1Id')),

src/routes/api/zeitraeume/+server.ts

@@ -0,0 +1,10 @@
+import { PrismaClient } from '@prisma/client';
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+
+const prisma = new PrismaClient();
+
+export const GET: RequestHandler = async () => {
+  const zeitraeume = await prisma.praktikumszeitraum.findMany();
+  return json(zeitraeume);
+};