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 { env } from "@/lib/env";
import { fuerOrganisation } from "@/lib/db";
import { Button } from "@/components/ui/button";
import { Foerderplaner } from "@/app/(app)/karte/wasserfoerderung/planer";

export const metadata = { title: "Wasserförderung" };

/**
 * Wasserförderung über lange Wegstrecke.
 *
 * Die Rechnung, die sonst mit Tabelle und Bleistift auf der Motorhaube
 * entsteht — mit dem Unterschied, dass die Strecke hier aus der Karte kommt
 * und sich speichern lässt.
 */
export default async function WasserfoerderungSeite() {
  const sitzung = await aktuelleSitzung();
  if (!sitzung) redirect("/anmelden");
  if (!hatRecht(sitzung, "einsatz.lesen")) redirect("/");

  const standort = await fuerOrganisation(sitzung.organisationId, (db) =>
    db.standort.findFirst({
      where: { aktiv: true, geloeschtAm: null, breitengrad: { not: null } },
      select: { breitengrad: true, laengengrad: true },
      orderBy: { erstelltAm: "asc" },
    }),
  );

  return (
    <div className="space-y-6">
      <div>
        <Button variant="ghost" size="sm" asChild className="-ml-2 mb-1">
          <Link href="/karte">
            <ArrowLeft aria-hidden />
            Karte
          </Link>
        </Button>
        <h1 className="text-2xl font-semibold tracking-tight">Wasserförderung</h1>
        <p className="text-sm text-[var(--muted-foreground)]">
          Strecke in die Karte tippen — Pumpen, Schlauchlängen und Druckverlust rechnen sich mit.
        </p>
      </div>

      <Foerderplaner
        stilUrl={env.KARTE_STIL_URL ?? null}
        mittelpunkt={{
          breitengrad: standort?.breitengrad ? Number(standort.breitengrad) : env.KARTE_BREITENGRAD,
          laengengrad: standort?.laengengrad ? Number(standort.laengengrad) : env.KARTE_LAENGENGRAD,
        }}
        zoom={env.KARTE_ZOOM}
        darfBearbeiten={hatRecht(sitzung, "einsatz.bearbeiten")}
      />
    </div>
  );
}