/** صفحه درگاه شبیه‌ساز (فقط در توسعه) — جایگزین صفحه بانک برای تست بدون اینترنت */
import { notFound } from "next/navigation";
import { faNumber } from "@/lib/format";

export const metadata = { title: "درگاه آزمایشی", robots: { index: false } };

export default async function MockGatewayPage({ searchParams }: { searchParams: Promise<Record<string, string | undefined>> }) {
  if (process.env.NODE_ENV === "production") notFound();
  const { authority, callback, amount } = await searchParams;
  if (!authority || !callback?.startsWith("http")) notFound();
  const back = (status: "OK" | "NOK") => {
    const u = new URL(callback);
    u.searchParams.set("Authority", authority);
    u.searchParams.set("Status", status);
    return u.toString();
  };
  return (
    <div className="flex min-h-dvh items-center justify-center bg-mist p-4">
      <div className="w-full max-w-sm space-y-5 rounded-3xl bg-paper p-6 text-center shadow-sm">
        <p className="eyebrow">درگاه پرداخت آزمایشی</p>
        <p className="text-sm text-muted">مبلغ قابل پرداخت</p>
        <p className="text-3xl font-extrabold">{faNumber(Number(amount ?? 0) / 10)} <span className="text-base font-normal">تومان</span></p>
        <p className="rounded-xl bg-mist p-3 text-xs leading-6">این صفحه فقط در حالت توسعه وجود دارد و پولی جابه‌جا نمی‌شود. نتیجه پرداخت را انتخاب کنید.</p>
        <a href={back("OK")} className="btn-primary w-full">پرداخت موفق</a>
        <a href={back("NOK")} className="btn-outline w-full">انصراف / پرداخت ناموفق</a>
      </div>
    </div>
  );
}