import { reactive } from '@nuxtjs/composition-api'

export const useTeacherList = (service: any) => {
  const state = reactive({
    teacherList: []
  })

  const getTeacherList = async (projectId: string, exampleId: number) => {
    state.teacherList = await service.list(projectId, exampleId)
  }

  const removeTeacher = async (projectId: string, exampleId: number, teacherId: number) => {
    await service.delete(projectId, exampleId, teacherId)
    await getTeacherList(projectId, exampleId)
  }

  const annotateLabel = async (projectId: string, exampleId: number, labelId: number) => {
    await service.create(projectId, exampleId, labelId)
    await getTeacherList(projectId, exampleId)
  }

  const clearTeacherList = async (projectId: string, exampleId: number) => {
    await service.clear(projectId, exampleId)
    await getTeacherList(projectId, exampleId)
  }

  const autoLabel = async (projectId: string, exampleId: number) => {
    await service.autoLabel(projectId, exampleId)
    await getTeacherList(projectId, exampleId)
  }

  const annotateOrRemoveLabel = async (projectId: string, exampleId: number, srcKey: string) => {
    const labelId = parseInt(srcKey, 10)
    // @ts-ignore
    const annotation = state.teacherList.find((item) => item.label === labelId)
    if (annotation) {
      // @ts-ignore
      await removeTeacher(projectId, exampleId, annotation.id)
    } else {
      await annotateLabel(projectId, exampleId, labelId)
    }
  }

  return {
    state,
    getTeacherList,
    annotateLabel,
    annotateOrRemoveLabel,
    removeTeacher,
    clearTeacherList,
    autoLabel
  }
}