import React, { useEffect, useState } from "react";
import { useTheme } from "../contexts/ThemeContext";
import { PageType } from "../components/Sidebar";
const knowledgeURL = import.meta.env.VITE_AIPI_KNOWLEDGE_URL || "";
import "./css/KnowledgeBaseResourceManagement.css";
import { requestCrudService } from "@/service/request-axios-service";

interface KnowledgeBaseResourceManagementProps {
  onNavigate: (page: PageType) => void;
}

const KnowledgeBaseResourceManagement: React.FC<
  KnowledgeBaseResourceManagementProps
> = ({ onNavigate }) => {
  const { theme } = useTheme();
  const isDark = theme === "dark";
  const service = requestCrudService;
  const [iframeUrl, setIframeUrl] = useState("");

  useEffect(() => {
    initIframeUrl();
  }, []);

  const initIframeUrl = async () => {
    // const url = `${knowledgeURL}/#/knowledge/knowledge-search?isIframe=true`;

    const jsonStr = localStorage.getItem("userInfo");
    console.log('jsonStr', jsonStr)
    if (jsonStr) {
      const userInfo = JSON.parse(jsonStr);
      console.log('userInfo', userInfo);
      const url = `https://ch1.b.uat.4.cn/knowes/api/iframeKnowledgeUrl`;
      const token = userInfo.accessToken;
      service.post(url, { token, skin: "red" }).then((res:any) => {
        console.log({ iframeUrl: res.iframeUrl});
        setIframeUrl(
          res.iframeUrl
        );
      });
    }

    // setIframeUrl(
    //   "http://localhost:4210/#/knowledge/knowledge-search?isIframe=true"
    // );
  };

  return (
    <div className="iframe-container">
      <iframe src={iframeUrl} className="full-size-iframe"></iframe>
    </div>
  );
};

export default KnowledgeBaseResourceManagement;