import { requireCurrentUser } from "@/lib/auth";
import { createOrder } from "@/app/actions/orders";
import { Navbar } from "@/components/Navbar";
import { OrderForm } from "@/components/OrderForm";

export default async function NewOrderPage() {
  await requireCurrentUser();

  return (
    <div className="min-h-screen bg-bg">
      <Navbar />

      <main className="max-w-[1080px] mx-auto px-6 py-8">
        <div className="mb-8">
          <h1 className="font-display text-3xl font-bold text-fg">New Order</h1>
          <p className="text-muted text-sm mt-1">Create a new order with customers and items</p>
        </div>

        <OrderForm mode="create" serverAction={createOrder} />
      </main>
    </div>
  );
}