import { MDLocal, w } from "./typings";
import get from "lodash.get";
import { parseGenField } from "@/gen/utils";

export const masterDetailInit = (
  md: MDLocal,
  child: any,
  editor_tab: string
) => {
  const childs = get(
    child,
    "props.meta.item.component.props.child.content.childs"
  );

  if (Array.isArray(childs)) {
    md.master.internal = null;
    md.childs = {};
    md.tab.list = [];
    if (isEditor && editor_tab === "master") {
      if (md.tab.active) {
        md.tab.active = "";
        setTimeout(md.render);
      }
    }

    for (const child of childs) {
      const cid = child?.component?.id;
      if (cid) {
        if (cid === "c68415ca-dac5-44fe-aeb6-936caf8cc491") {
          md.master.internal = child;
          const pk = parseGenField(md.props.gen_fields).find((e) => e.is_pk);
          if (pk) {
            md.pk = pk;
          }
        }
        if (cid === "cb52075a-14ab-455a-9847-6f1d929a2a73") {
          // const name = getProp(child, "name", { md });
          // const label = getProp(child, "label", { md });
          // if (typeof name === "string") {
          //   if (isEditor && editor_tab !== "master") {
          //     if (name === editor_tab && md.tab.active !== name) {
          //       md.tab.active = name;
          //       setTimeout(md.render);
          //     }
          //   }
          //   md.tab.list.push(name);
          //   md.childs[name] = {
          //     internal: child,
          //     label,
          //     name,
          //     hide() {},
          //     show() {},
          //     render() {},
          //   };
          // }
        }
      }
    }
  }
};

export const masterDetailSelected = (md: MDLocal) => {
  md.params.parse();
  const pk = md.pk;
  if (pk) {
    const value = md.params.hash[md.name];
    if (value) {
      md.selected = { [pk.name]: value };
      const tab = md.params.tabs[md.name];
      if (tab && md.tab.list.includes(tab)) {
        md.tab.active = tab;
      }
    }
  }
};