Add RSVP events and Unsplash image support

src/app/dashboard/page.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 import { format } from "date-fns";
 import { de } from "date-fns/locale";
 import { Users, CalendarCheck2, ShieldCheck, AlertTriangle, ClipboardList } from "lucide-react";
-import { DutyAssignmentStatus, UserRole, NotdienstPlanStatus } from "@prisma/client";
+import { DutyAssignmentStatus, UserRole, NotdienstPlanStatus, TerminStatus } from "@prisma/client";
 
 import { requireKitaSession } from "@/lib/auth-utils";
 import { prisma } from "@/lib/prisma";
@@ -19,11 +19,13 @@ import { OnboardingDialog } from "@/components/OnboardingDialog";
 import { AlertButton } from "./alert-button";
 import { AbsenceCard } from "./absence-card";
 import { NewsTicker } from "./news-ticker";
+import { RsvpActionCard } from "./rsvp-action-card";
 
 export const metadata = { title: "Übersicht · Kita-Planer" };
 
 export default async function DashboardPage() {
   const session = await requireKitaSession();
+  const now = new Date();
 
   const kita = await prisma.kita.findUniqueOrThrow({
     where: { id: session.user.kitaId },
@@ -172,6 +174,62 @@ export default async function DashboardPage() {
     }),
   ]);
 
+  const familyChildIds = absenceChildren.map((child) => child.id);
+  const openRsvpTermine =
+    session.user.familyId && familyChildIds.length > 0
+      ? await prisma.termin.findMany({
+          where: {
+            kitaId: session.user.kitaId,
+            status: TerminStatus.CONFIRMED,
+            requiresRsvp: true,
+            OR: [
+              { rsvpDeadline: { gt: now } },
+              { rsvpDeadline: null, startDate: { gt: now } },
+            ],
+          },
+          select: {
+            id: true,
+            title: true,
+            startDate: true,
+            rsvpDeadline: true,
+            participations: {
+              where: {
+                childId: { in: familyChildIds },
+              },
+              select: {
+                childId: true,
+                status: true,
+              },
+            },
+          },
+          orderBy: { startDate: "asc" },
+          take: 5,
+        })
+      : [];
+
+  const rsvpActionEvents = openRsvpTermine
+    .map((termin) => {
+      const statusByChildId = new Map(
+        termin.participations.map((participation) => [
+          participation.childId,
+          participation.status,
+        ]),
+      );
+
+      return {
+        id: termin.id,
+        title: termin.title,
+        startDate: termin.startDate.toISOString(),
+        rsvpDeadline: termin.rsvpDeadline?.toISOString() ?? null,
+        children: absenceChildren.map((child) => ({
+          id: child.id,
+          name: `${child.firstName} ${child.lastName}`,
+          status: statusByChildId.get(child.id) ?? null,
+        })),
+      };
+    })
+    .filter((termin) => termin.children.some((child) => !child.status));
+
   const isAdmin =
     session.user.role === UserRole.ADMIN ||
     session.user.role === UserRole.SUPERADMIN;
@@ -204,6 +262,8 @@ export default async function DashboardPage() {
         </p>
       </div>
 
+      <RsvpActionCard events={rsvpActionEvents} />
+
       <NewsTicker
         items={latestAnnouncements.map((announcement) => ({
           id: announcement.id,
@@ -307,9 +367,9 @@ export default async function DashboardPage() {
             </Button>
             {kita.terminModuleEnabled && (
               <Button asChild size="sm" variant="outline">
-                <Link href="/dashboard/termine">
+                <Link href="/dashboard/kalender">
                   <CalendarCheck2 className="mr-2 h-4 w-4" />
-                  Termine (bald verfügbar)
+                  Terminkalender
                 </Link>
               </Button>
             )}