"use client";

import { useRouter } from "next/navigation";
import { Button } from "@/components/ui";
import { useCartStore } from "@/store/cart-store";
import { useI18n } from "@/i18n/i18n-provider";

interface ReorderItem {
  productId: string;
  slug: string;
  name: string;
  weightGrams: number;
  priceCents: number;
  quantity: number;
}

/**
 * Fuegt alle Positionen einer vergangenen Bestellung erneut dem Warenkorb
 * hinzu ("Bestellung erneut ausloesen"). Preise werden aus der Bestellung
 * uebernommen — falls sich der aktuelle Produktpreis geaendert hat, zeigt
 * der Checkout ohnehin den jeweils aktuellen Preis beim naechsten Laden.
 */
export function ReorderButton({ items }: { items: ReorderItem[] }) {
  const { t } = useI18n();
  const addItem = useCartStore((s) => s.addItem);
  const router = useRouter();

  return (
    <Button
      variant="secondary"
      onClick={() => {
        for (const item of items) {
          addItem(
            {
              productId: item.productId,
              slug: item.slug,
              name: item.name,
              weightGrams: item.weightGrams,
              priceCents: item.priceCents,
              image: null,
            },
            item.quantity
          );
        }
        router.push("/warenkorb");
      }}
    >
      {t.ordersPage.reorder}
    </Button>
  );
}