import { notFound } from "next/navigation";
import { prisma } from "@/lib/prisma";
import { BackLink } from "@/components/back-link";
import { Button } from "@/components/ui";
import { AdminField, AdminFormPanel } from "@/components/admin-form";
import { updateShippingTierAction } from "../../actions";
import { getLocale } from "@/i18n/locale";
import { getDictionary } from "@/i18n/get-dictionary";

export default async function AdminVersandEditPage(props: PageProps<"/admin/versand/[id]">) {
  const t = getDictionary(await getLocale());
  const ts = t.adminShippingEditPage;
  const { id } = await props.params;
  const tier = await prisma.shippingTier.findUnique({ where: { id } });
  if (!tier) notFound();

  return (
    <div className="max-w-xl">
      <BackLink href="/admin/versand" label={ts.backToShipping} />
      <h1 className="text-2xl text-heading mb-8">{ts.title}</h1>

      <AdminFormPanel action={updateShippingTierAction} actions={<Button type="submit">{ts.save}</Button>}>
        <input type="hidden" name="id" value={tier.id} />
        <div className="space-y-4">
          <div className="grid grid-cols-2 items-end gap-4">
            <AdminField
              name="minQuantity"
              label={ts.minQuantityLabel}
              type="number"
              min={0}
              defaultValue={String(tier.minQuantity)}
              required
            />
            <AdminField
              name="maxQuantity"
              label={ts.maxQuantityLabel}
              type="number"
              min={0}
              defaultValue={tier.maxQuantity !== null ? String(tier.maxQuantity) : ""}
            />
          </div>
          <AdminField
            name="priceCents"
            label={ts.priceLabel}
            type="number"
            min={0}
            defaultValue={String(tier.priceCents)}
            required
          />
        </div>
      </AdminFormPanel>
    </div>
  );
}