"use client";

import React, { useState, useEffect } from "react";
import { useRouter, useSearchParams } from "next/navigation";

export default function InWeixin({ params }) {
  const router = useRouter();
  const searchParams = useSearchParams();

  const [code, setCode] = useState("no code");
  const [body, setBody] = useState({});
  const [info, setInfo] = useState("no data");
  useEffect(() => {
    // //获取code
    // const temCode = searchParams.get("code");
    // setCode(temCode);

    // //获取支付body
    // const strBody = decodeURIComponent(params.body);
    // const temBody = JSON.parse(strBody);
    // setBody(temBody);

    function onBridgeReady() {
      WeixinJSBridge.invoke(
        "getBrandWCPayRequest",
        {
          appId: "wxc28fd8aaf31984b6", //公众号ID，由商户传入
          timeStamp: "1708438397", //时间戳，自1970年以来的秒数
          nonceStr: "jXEwa7uEExqFjjlByZivG623Akbzg3Cv", //随机串
          package: "prepay_id=wx2022131953635431d27a15e2c95e460000",
          signType: "RSA", //微信签名方式：
          paySign:
            "0rODbhGbNidvOcdyC3+JW5pP6DEd+DZZs0Zg3oMvbQ1pC857YvISgrS8QM2yEZpJFWCnjmUmjyQijp3ZxfV5kqr4x8+l+cmNlc87sDtkXhn/pUNMSKtdt+X9KmOrykBjsLj7hztaPoFSwkGYpxHUrxwiooW+y3to5QqD550CaER7XhAAK5knItPy6pa8rGtYPpEpCn8OkcHHVkuGAcawej1a6MGw2byEv2eRusr1VbUVWENgu557qBdGA2NHoOHfRL3n/goOvt1KXTYRtb+BkwsssHJQb8gyuz0qBR/aNFcSUBb4eSBenWAm1L+Wp/ndxLMkxr1ixQblwEJ9I2NPZw==", //微信签名
        },
        function (res) {
          if (res.err_msg == "get_brand_wcpay_request:ok") {
            // 使用以上方式判断前端返回,微信团队郑重提示：
            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
            setInfo("success");
          }
        }
      );
    }
    if (typeof WeixinJSBridge == "undefined") {
      if (document.addEventListener) {
        document.addEventListener("WeixinJSBridgeReady", onBridgeReady, false);
      } else if (document.attachEvent) {
        document.attachEvent("WeixinJSBridgeReady", onBridgeReady);
        document.attachEvent("onWeixinJSBridgeReady", onBridgeReady);
      }
    } else {
      onBridgeReady();
    }
  }, []);

  return (
    <section className="flex flex-1 flex-col container bg-white">
      <div className="flex flex-col">
        <p className="text-center text-black text-lg font-medium py-2">
          微信安全支付
        </p>
        <hr className="bg-secondary" />
      </div>
      <div className="flex flex-col items-center">
        <svg viewBox="0 0 1024 1024" width="100" height="100">
          <path
            d="M512 85.333333a426.666667 426.666667 0 1 0 426.666667 426.666667A426.666667 426.666667 0 0 0 512 85.333333z m42.666667 597.333334a42.666667 42.666667 0 0 1-85.333334 0v-213.333334a42.666667 42.666667 0 0 1 85.333334 0z m-42.666667-298.666667a42.666667 42.666667 0 1 1 42.666667-42.666667 42.666667 42.666667 0 0 1-42.666667 42.666667z"
            fill="#5fc157"
          ></path>
        </svg>
        <p className="text-sm text-[#5fc157]">正在跳转...</p>
      </div>
      <p className="text-sm text-black">{code}</p>
      <p className="text-sm text-black">{info}</p>
    </section>
  );
}
