import { BreadItem } from "@/comps/custom/Breadcrumb";
import { FMLocal } from "@/comps/form/typings";
import { GFCol } from "@/gen/utils";
import { LinkParam } from "lib/comps/form/field/type/TypeLink";
import { ReactNode } from "react";

type ID_MASTER_DETAIL = string;
export const w = window as unknown as {
  generating_prasi_md: Record<string, true>;
  md_panel_master: any;
  md_active_tab: Record<ID_MASTER_DETAIL, string>;
  md_internal: Record<string, any>;
};

export type MDProps = {
  child: any;
  PassProp: any;
  name: string;
  mode: "full" | "h-split" | "v-split";
  show_head: "always" | "only-master" | "only-child" | "hidden";
  show_footer: "always" | "only-master" | "only-child" | "hidden";
  tab_mode: "h-tab" | "v-tab" | "hidden";
  editor_tab: string;
  gen_fields: any;
  footer: any;
  gen_table: string;
  detail_size: string;
  on_init: (md: MDLocal) => void;
  _item: PrasiItem;
  deps?: any[];
  title: string;
};

export type MDActions = {
  action?: string;
  label: ReactNode;
  onClick?: (e: any) => Promise<void>;
}[];

export type MDLocalInternal = {
  name: string;
  title: string;
  status: "init" | "unready" | "ready";
  header: {
    loading: boolean;
    breadcrumb: BreadItem[];
    render: () => void;
    master: { prefix: any; suffix: any; breadcrumb?: () => BreadItem[] };
    child: { prefix: any; suffix: any; breadcrumb?: () => BreadItem[] };
  };
  actions: MDActions;
  selected: any;
  tab: {
    active: string;
    list: string[];
  };
  internal: { action_should_refresh: boolean; reset_detail: boolean };
  master: {
    reload: (arg?: { toast: boolean }) => void;
    render: () => void;
    pk?: string;
  };
  params: {
    links: LinkParam[];
    hash: Record<string, any>;
    tabs: any;
    parse: () => void;
    apply: () => void;
  };
  pk?: GFCol;
  props: {
    mode: "full" | "h-split" | "v-split";
    show_head: "always" | "only-master" | "only-child" | "hidden";
    tab_mode: "h-tab" | "v-tab" | "hidden";
    editor_tab: string;
    gen_fields: any;
    gen_table: string;
    on_init: (md: any) => void;
    item: PrasiItem;
  };
  deps?: object;
  detail_size: number;
  childs: Record<
    string,
    {
      name: string;
      label: string;
      hide: () => void;
      show: () => void;
      render: () => void;
      fm?: FMLocal;
      md?: MDLocal;
      list?: any;
    }
  >;
};
export type MDRef = {
  PassProp: any;
  item: PrasiItem;
  master?: PrasiItem;
  childs: Record<string, PrasiItem>;
};
export type MDLocal = MDLocalInternal & { render: (force?: boolean) => void };

export const MasterDetailType = `const md = {
  name: string;
  title: string;
  status: string;
  header: {
    render: () => void;
    breadcrumb: {
      label: React.ReactNode;
      url?: string;
      onClick?: () => void;
    }[]
    master: { prefix: any; suffix: any };
    child: { prefix: any; suffix: any };
  };
  actions: (
    { 
      action?: string;
      label: React.ReactNode; 
      onClick?: (e: any) => Promise<void>
    } 
  )[];
  selected: any;
  tab: {
    active: string;
    list: string[];
  };  
  params: {
    hash: any;
    tabs: any;
    parse: () => void;
    apply: () => void;
  };
  props: {
    mode: string;
    show_head: "always" | "only-master" | "only-child" | "hidden";
    tab_mode: "h-tab" | "v-tab" | "hidden";
    editor_tab: string;
    gen_fields: any;
    gen_table: string;
    on_init: (md: any) => void;
  };
  internal: { action_should_refresh: boolean };
  render: () => void;
  master: { reload: (arg?:{toast: boolean}) => void; render: () => void };
  pk?: {
    name: string;
    type: string;
    is_pk: boolean;
    optional: boolean;
    relation?: {
      from: { table: string; fields: string[] };
      to: { table: string; fields: string[] };
      fields: GFCol[];
    };
  };
  childs: Record<
    string,
    {
      name: string;
      hide: () => void;
      show: () => void;
      render: () => void;
      internal: any;
      data: any;
      fm?: fm;
      md?: md;
    }
  >;
  detail_size: number;
  deps: any
};`;