import Logbook from "./_components/Logbook";
import { ArrowRight, NotebookText } from "lucide-react";
import Link from "next/link";
import Events from "./_components/Events";
import { Stats } from "./_components/Stats";
import { Badges } from "./_components/Badges";

/*
✔️ Einlog-Zeit
✔️ Stats
✔️ Pilot / Disponent TODO: Selection persistent machen
Map - I dont know man, passt hier vielleicht nicht rein
Logbuch / Einsatzhistorie
Badges
Aktive Events / Mandatory Events
*/

export default async function Home({
	searchParams,
}: {
	searchParams: { stats?: "pilot" | "dispo" };
}) {
	const { stats } = await searchParams;
	const view = stats || "pilot";
	return (
		<div>
			<Stats stats={view} />

			<div className="grid grid-cols-6 gap-4">
				<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
					<div className="card-body">
						<h2 className="card-title justify-between">
							<span className="card-title">
								<NotebookText className="w-4 h-4" /> Logbook
							</span>
							<Link
								className="badge badge-sm badge-info badge-outline"
								href="/logbook"
							>
								Zum vollständigen Logbook <ArrowRight className="w-4 h-4" />
							</Link>
						</h2>
						<Logbook />
					</div>
				</div>
				<Badges />
			</div>
			<Events />
		</div>
	);
}
