import type { ColumnType, LinkToAnotherRecordType, PaginatedType, TableType } from 'nocodb-sdk'
import type { Ref } from 'vue'
import { useMetas } from './useMetas'
import { useInjectionState } from '#imports'
import { useProject } from '~/composables/useProject'
import { NOCO } from '~/lib'

interface DataApiResponse {
  list: Record<string, any>
  pageInfo: PaginatedType
}

const [useProvideLTARStore, useLTARStore] = useInjectionState((column: Required<ColumnType>, row?: Record<string, any>) => {
  // state
  const { metas, getMeta } = useMetas()
  const { project } = useProject()
  const { $api } = useNuxtApp()
  const childrenExcludedList: Ref<DataApiResponse | undefined> = ref()
  const childrenList: Ref<DataApiResponse | undefined> = ref()
  const childrenExcludedListPagination = reactive({
    page: 1,
    query: '',
    size: 10,
  })
  const childrenListPagination = reactive({
    page: 1,
    query: '',
    size: 10,
  })

  const colOptions = column.colOptions as LinkToAnotherRecordType

  // getters
  const meta = computed(() => metas?.value?.[column.fk_model_id as string])
  const relatedTableMeta = computed<TableType>(() => {
    return metas.value?.[(column.colOptions as any)?.fk_related_model_id as string]
  })

  const rowId = computed(() =>
    meta.value.columns
      .filter((c: Required<ColumnType>) => c.pk)
      .map((c: Required<ColumnType>) => row?.[c.title])
      .join('___'),
  )

  // actions
  const getRelatedTableRowId = (row: Record<string, any>) => {
    return relatedTableMeta.value?.columns
      ?.filter((c) => c.pk)
      .map((c) => row?.[c.title as string])
      .join('___')
  }

  const loadRelatedTableMeta = async () => {
    await getMeta(colOptions?.fk_related_model_id as string)
  }

  const relatedTablePrimaryValueProp = computed(() => {
    return (relatedTableMeta?.value?.columns?.find((c) => c.pv) || relatedTableMeta?.value?.columns?.[0])?.title
  })
  const primaryValueProp = computed(() => {
    return (meta?.value?.columns?.find((c) => c.pv) || relatedTableMeta?.value?.columns?.[0])?.title
  })

  const loadChildrenExcludedList = async () => {
    childrenExcludedList.value = await $api.dbTableRow.nestedChildrenExcludedList(
      NOCO,
      project.value.id as string,
      meta.value.id,
      rowId.value,
      (column.colOptions as LinkToAnotherRecordType).type as 'mm' | 'hm',
      column.title,
      // todo: swagger type correction
      {
        limit: childrenExcludedListPagination.size,
        offset: childrenExcludedListPagination.size * (childrenExcludedListPagination.page - 1),
        where:
          childrenExcludedListPagination.query &&
          `(${relatedTablePrimaryValueProp.value},like,${childrenExcludedListPagination.query})`,
      } as any,
    )
  }

  const loadChildrenList = async () => {
    childrenList.value = await $api.dbTableRow.nestedList(
      NOCO,
      project.value.id as string,
      meta.value.id,
      rowId.value,
      colOptions.type as 'mm' | 'hm',
      column.title,
      // todo: swagger type correction
      {
        limit: childrenListPagination.size,
        offset: childrenListPagination.size * (childrenListPagination.page - 1),
        where: childrenListPagination.query && `(${relatedTablePrimaryValueProp.value},like,${childrenListPagination.query})`,
      } as any,
    )
  }
  const unlink = async (row: Record<string, any>) => {
    // const column = meta.columns.find(c => c.id === this.column.colOptions.fk_child_column_id);
    // todo: handle if new record
    // if (this.isNew) {
    //   this.$emit('updateCol', this.row, _cn, null);
    //   this.localState = null;
    //   this.$emit('update:localState', this.localState);
    //   return;
    // }
    // todo: handle bt column if required
    // if (column.rqd) {
    //   this.$toast.info('Unlink is not possible, instead map to another parent.').goAway(3000);
    //   return;
    // }

    // todo: audit
    await $api.dbTableRow.nestedRemove(
      NOCO,
      project.value.title as string,
      meta.value.title,
      rowId.value,
      colOptions.type as 'mm' | 'hm',
      column.title,
      getRelatedTableRowId(row) as string,
    )

    // todo: reload table data and children list
    // this.$emit('loadTableData');
    // if (this.isForm && this.$refs.childList) {
    //   this.$refs.childList.loadData();
    // }
  }

  const link = async (row: Record<string, any>) => {
    // todo: handle new record
    //   const pid = this._extractRowId(parent, this.parentMeta);
    // const id = this._extractRowId(this.row, this.meta);
    // const _cn = this.meta.columns.find(c => c.id === this.column.colOptions.fk_child_column_id).title;
    //
    // if (this.isNew) {
    //   const _rcn = this.parentMeta.columns.find(c => c.id === this.column.colOptions.fk_parent_column_id).title;
    //   this.localState = parent;
    //   this.$emit('update:localState', this.localState);
    //   this.$emit('updateCol', this.row, _cn, parent[_rcn]);
    //   this.newRecordModal = false;
    //   return;
    // }
    await $api.dbTableRow.nestedAdd(
      NOCO,
      project.value.title as string,
      meta.value.title as string,
      rowId.value,
      colOptions.type as 'mm' | 'hm',
      column.title,
      getRelatedTableRowId(row) as string,
    )

    // todo: reload table data and child list
    // this.pid = pid;
    //
    // this.newRecordModal = false;
    //
    // this.$emit('loadTableData');
    // if (this.isForm && this.$refs.childList) {
    //   this.$refs.childList.loadData();
    // }
  }

  // watchers
  watch(childrenExcludedListPagination, async () => {
    await loadChildrenExcludedList()
  })
  watch(childrenListPagination, async () => {
    await loadChildrenList()
  })

  return {
    relatedTableMeta,
    loadRelatedTableMeta,
    relatedTablePrimaryValueProp,
    childrenExcludedList,
    childrenList,
    rowId,
    childrenExcludedListPagination,
    childrenListPagination,
    primaryValueProp,
    meta,
    unlink,
    link,
    loadChildrenExcludedList,
    loadChildrenList,
  }
}, 'ltar-store')

export { useProvideLTARStore }

export function useLTARStoreOrThrow() {
  const ltarStore = useLTARStore()
  if (ltarStore == null) throw new Error('Please call `useLTARStore` on the appropriate parent component')
  return ltarStore
}