import { OrdersView } from "@/components/orders/orders-view";
import { createOrders } from "@/lib/data";

/** Die Demo-Daten liegen relativ zur aktuellen Uhrzeit, deshalb kein statisches Prerendering. */
export const dynamic = "force-dynamic";

/** Server-seitiger "Datenabruf": liefert Bestellungen samt der Zeit, auf die sie sich beziehen. */
async function loadOrders() {
  const now = Date.now();
  return { now, orders: createOrders(now) };
}

export default async function Home() {
  const { now, orders } = await loadOrders();

  return (
    <main className="mx-auto w-full max-w-[1600px] flex-1 px-6 py-8">
      <header className="mb-6">
        <h1 className="text-2xl font-semibold tracking-tight">Bestellübersicht</h1>
        <p className="text-sm text-muted-foreground">
          Alle eingehenden Bestellungen annehmen, übermitteln und bearbeiten.
        </p>
      </header>

      <OrdersView initialOrders={orders} renderedAt={now} />
    </main>
  );
}