"use client";

import React, { useEffect } from "react";
import { Dialog } from "antd-mobile";
// import { useRouter } from "next/navigation";
import baseRequest from "@/utils/baseRequest";
import { save } from "@/utils/storeInfo";
import { getUserInfo } from "@/api/public";

export default function CheckVip({ children, isVipToPassFun, router }) {
  const base = baseRequest();
  useEffect(() => {}, []);
  const handleCheck = async () => {
    //向服务器请求新的账号信息并保存到本地
    const account = await getUserInfo();
    save("account", JSON.stringify(account));
    const isVip = account?.is_a_member;

    if (!isVip) {
      const showMobal = Dialog.show({
        title: "是否开通会员",
        content: (
          <div>
            <div>会员可无限制保存图片，查看原图，一次开通永久有效。</div>
          </div>
        ),
        bodyStyle: {
          maxHeight: "none",
          width: "80vw",
          position: "fixed",
          top: "200px",
          left: "10vw",
          "--text-color": "#fff",
          color: "#fff",
        },
        // cancelText:"确认",
        // confirmText:"取消",
        style: {
          "--text-color": "#fff",
        },
        closeOnAction: true,
        actions: [
          [
            {
              key: "close",
              text: "取消",
              bold: true,
              style: { color: "#ffffff80" },
              onClick: () => {
                showMobal?.close();
              },
            },
            {
              key: "submit",
              text: "确认",
              style: { color: "#fff" },
              onClick: () => {
                showMobal.close();
                console.log("showMobal", showMobal);
                router.push(
                  `/webView/${encodeURIComponent(
                    `/vip?base=${encodeURIComponent(JSON.stringify(base))}`
                  )}`
                );
              },
            },
          ],
        ],
      });
      return;
    } else {
      isVipToPassFun();
    }
  };
  return <div onClick={handleCheck}>{children}</div>;
}
