import { Receipt } from "lucide-react";

import { ListPageCard } from "@/app/dashboard/_components";

import { OrdersHeaderActions, OrdersTable } from "./_components/orders-table";
import { defaultOrdersFilters, fetchBackendOrders } from "./_lib/orders-server-api";

export default async function OrdersPage() {
  const result = await fetchBackendOrders(defaultOrdersFilters());

  return (
    <ListPageCard
      icon={Receipt}
      title="Orders"
      breadcrumb={[{ label: "Plans & Orders" }, { label: "Orders" }]}
      actions={<OrdersHeaderActions data={result.items} />}
    >
      <OrdersTable initialData={result} initialErrorMessage={result.errorMessage} />
    </ListPageCard>
  );
}