import { redirect } from "next/navigation";
import { aktuelleSitzung } from "@/lib/auth";
import { hatRecht } from "@/lib/authz";
import { BelegListe } from "@/app/(app)/belege/beleg-liste";

export const metadata = { title: "Belege" };

/**
 * Belegerfassung.
 *
 * Quittung fotografieren, Angaben prüfen, gegenzeichnen. Die Buchung daraus
 * kommt mit der Kasse in Phase 9 — hier entsteht erst einmal ein sauber
 * erfasster Beleg mit Foto.
 */
export default async function BelegeSeite() {
  const sitzung = await aktuelleSitzung();
  if (!sitzung) redirect("/anmelden");
  if (!hatRecht(sitzung, "beleg.erfassen")) redirect("/");

  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-2xl font-semibold tracking-tight">Belege</h1>
        <p className="text-sm text-[var(--muted-foreground)]">
          Quittung fotografieren, Angaben prüfen, gegenzeichnen.
        </p>
      </div>

      <BelegListe />
    </div>
  );
}