import { redirect } from "next/navigation";
import Link from "next/link";
import { ArrowLeft } from "lucide-react";
import { aktuelleSitzung } from "@/lib/auth";
import { hatRecht } from "@/lib/authz";
import { Button } from "@/components/ui/button";
import { UebungDetail } from "@/app/(app)/uebungen/[id]/uebung-detail";

export const metadata = { title: "Übung" };

/** Eine Übung mit Anwesenheitsliste. */
export default async function UebungSeite({ params }: { params: Promise<{ id: string }> }) {
  const sitzung = await aktuelleSitzung();
  if (!sitzung) redirect("/anmelden");

  const { id } = await params;

  return (
    <div className="space-y-6">
      <div>
        <Button variant="ghost" size="sm" asChild className="-ml-2 mb-1">
          <Link href="/uebungen">
            <ArrowLeft aria-hidden />
            Zurück zu den Übungen
          </Link>
        </Button>
      </div>

      <UebungDetail uebungId={id} darfBearbeiten={hatRecht(sitzung, "ausbildung.bearbeiten")} />
    </div>
  );
}