import { prisma } from "@/lib/prisma";
import { resolveDisputeAction } from "@/server/actions/admin";

export default async function AdminSecurityPage() {
  const disputes = await prisma.dispute.findMany({
    include: { order: true },
    orderBy: { createdAt: "desc" },
  });
  return (
    <div>
      <h1 className="text-2xl font-semibold">Security / Disputas</h1>
      <div className="mt-4 space-y-2">
        {disputes.map((d) => (
          <div key={d.id} className="card flex flex-wrap items-center justify-between gap-3">
            <div>
              <p className="font-medium">
                {d.title} · orden #{d.orderId}
              </p>
              <p className="text-sm text-white/50">
                {d.status} · {d.openerEmail} · {d.order.title}
              </p>
            </div>
            {d.status === "open" && (
              <form action={resolveDisputeAction}>
                <input type="hidden" name="id" value={d.id} />
                <button className="btn-primary" type="submit">
                  Resolver
                </button>
              </form>
            )}
          </div>
        ))}
        {!disputes.length && (
          <p className="text-white/50">Sin disputas.</p>
        )}
      </div>
    </div>
  );
}