import Link from "next/link";
import { prisma } from "@/lib/prisma";

export default async function PaymentFailedPage({ searchParams }: { searchParams: { order?: string } }) {
  const order = searchParams.order
    ? await prisma.order.findUnique({ where: { orderNumber: searchParams.order } })
    : null;

  return (
    <section className="container-grid py-16">
      <div className="mx-auto max-w-2xl rounded border border-[#E5E1D8] bg-white p-8 text-center shadow-sm">
        <div className="mx-auto grid h-14 w-14 place-items-center rounded-full bg-red-50 text-2xl font-black text-[#B91C1C]">!</div>
        <h1 className="mt-5 text-3xl font-black">Payment Could Not Be Completed</h1>
        <p className="mt-3 text-[#666]">The payment could not be completed. Please retry checkout or return to your cart.</p>
        {order ? <div className="mt-5 rounded bg-[#F7F5EF] p-4 text-left"><span className="text-sm text-[#666]">Order number</span><div className="font-black">{order.orderNumber}</div></div> : null}
        <div className="mt-6 flex justify-center gap-3"><Link href="/checkout" className="btn btn-primary">Retry Checkout</Link><Link href="/cart" className="btn btn-secondary">Return to Cart</Link></div>
      </div>
    </section>
  );
}