import { DataTable } from "@/components/admin/DataTable";
import { AdminPageHeader, AdminStatusBadge } from "@/components/admin/AdminPresentation";
import { prisma } from "@/lib/prisma";
import { currency } from "@/lib/utils";

export default async function PaymentsPage() {
  const rows = await prisma.paymentLog.findMany({ orderBy: { createdAt: "desc" } });
  return (
    <section>
      <AdminPageHeader title="Payment Logs" subtitle="Provider responses and payment status records for orders and services." />
      <DataTable headers={["Provider", "Status", "Amount", "Currency", "Created"]} rows={rows.map((p) => [
        <span key="provider" className="font-black">{p.provider}</span>,
        <AdminStatusBadge key="status" value={p.status} />,
        currency(String(p.amount)),
        p.currency,
        p.createdAt.toLocaleString()
      ])} />
    </section>
  );
}