import { OrderRepository } from "@/lib/db/repositories/order.repository";
import { EditOrderForm } from "@/components/dashboard/orders/EditOrderForm";
import { notFound } from "next/navigation";

export default async function EditOrderPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;

  if (!id) {
    return notFound();
  }

  const orderRepo = new OrderRepository();
  const order = await orderRepo.getOrderById(id);

  if (!order) {
    return notFound();
  }

  return (
    <div className="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
      <div className="mb-8 text-center">
        <h1 className="text-3xl font-bold">Bestellung bearbeiten</h1>
        <p className="text-muted-foreground mt-2">
          Details für Bestellung &quot;{(order.id ?? "").substring(0, 8)}...&quot; aktualisieren.
        </p>
      </div>
      <EditOrderForm orderId={id} initialData={order} />
    </div>
  );
}