import type { Metadata } from "next";
import Link from "next/link";
import { OrderCard } from "@/components/account/OrderCard";
import { Breadcrumbs } from "@/components/ui/Breadcrumbs";
import { requireUser } from "@/server/auth/session";
import { getOrdersByPhone } from "@/server/services/orders";

export const metadata: Metadata = { title: "سفارش‌های من", robots: { index: false } };

export default async function OrdersPage() {
  const user = await requireUser("/account/orders");
  const orders = await getOrdersByPhone(user.phone);
  return (
    <div className="container-z max-w-3xl py-6 md:py-10">
      <Breadcrumbs items={[{ name: "حساب کاربری", href: "/account" }, { name: "سفارش‌ها" }]} />
      <h1 className="mt-4 mb-6 text-2xl font-extrabold">سفارش‌های من</h1>
      {orders.length === 0 ? (
        <div className="card-surface flex flex-col items-center gap-3 p-10 text-center">
          <p className="font-bold">هنوز سفارشی ثبت نکرده‌اید</p>
          <Link href="/search" className="btn-primary mt-2">شروع خرید</Link>
        </div>
      ) : (
        <div className="space-y-3">
          {orders.map((o, i) => <OrderCard key={o.order.code} order={o.order} items={o.items} open={i === 0} />)}
        </div>
      )}
    </div>
  );
}