import {
  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRef, toRefs, watch,
} from 'vue'

import { tools } from '@store/Modules/tools'
import { CMyFieldDb } from '@/components/CMyFieldDb'
import { costanti } from '@costanti'
import { useGlobalStore } from '@store/globalStore'
import { useUserStore } from '@store/UserStore'
import { colmySkills } from '@store/Modules/fieldsTable'
import { CGridTableRec } from '@/components/CGridTableRec'
import { IMySkill, ISearchList, ISkill } from 'model'
import { shared_consts } from '@/common/shared_vuejs'

export default defineComponent({
  name: 'CFinder',
  props: {
    defaultnewrec: {
      type: Function,
      required: false,
    },
  },
  components: {
    CMyFieldDb, CGridTableRec,
  },
  setup(props, { attrs, slots, emit }) {
    const mytable = 'users'
    const globalStore = useGlobalStore()
    const userStore = useUserStore()

    const arrfilterand: any = ref([])
    const filtercustom: any = ref([])
    const searchList = ref(<ISearchList[]>[])

    function mounted() {
      /*arrfilterand.value = [
        {
          label: 'Competenze',
          value: shared_consts.FILTER_MYSKILL_SKILL
        },

      ]*/

      searchList.value = [
        {
          label: 'Settore',
          table: 'sectors',
          key: 'idSector',
          value: costanti.FILTER_TUTTI,
          arrvalue: [],
          type: costanti.FieldType.select,
        },
        {
          label: 'Competenza',
          table: 'skills',
          key: 'idSkill',
          value: costanti.FILTER_TUTTI,
          arrvalue: [],
          type: costanti.FieldType.select,
        },
        {
          label: 'Citta',
          table: 'cities',
          key: 'idCity',
          value: costanti.FILTER_TUTTI,
          type: costanti.FieldType.multiselect,
          arrvalue: [costanti.FILTER_TUTTI],
        },
        {
          label: 'Livello',
          table: 'levels',
          key: 'numLevel',
          value: costanti.FILTER_TUTTI,
          arrvalue: [],
          type: costanti.FieldType.select,
        },
        {
          label: 'Stato',
          table: 'statusSkills',
          key: 'idStatusSkill',
          value: costanti.FILTER_TUTTI,
          arrvalue: [],
          type: costanti.FieldType.multiselect,
        },

      ]

      filtercustom.value = []
    }

    async function createNewRecordInUserTable() {
      console.log('createNewRecordInUserTable')

      let mydata = {
        table: mytable,
        data: {
          userId: userStore.my._id,
          data: {},
          field: 'myskills'
        }
      };

      if (props.defaultnewrec) {

        mydata.data.data = props.defaultnewrec
      }

      console.log('mydata', mydata)
      const data = await globalStore.saveSubRec(mydata)
    }

    function getdefaultnewrec(): any {
      return {
        _id: 0,
        idSkill: 0,
        idStatusSkill: [],
        idCity: [],
        NumLevel: 0,
        photos: [],
        note: '',
        subTitle: '',
      }
    }


    function extraparams() {
      return {
        lk_tab: 'users',
        lk_LF: 'userId',
        lk_FF: '_id',
        lk_as: 'user',
        af_objId_tab: 'myId',
        lk_proj: {
          idSkill: 1, idStatusSkill: 1, idCity: 1, numLevel: 1, photos: 1, note: 1, subTitle: 1, date_created:1, date_updated: 1,
          userId: 1, username: 1, name: 1, surname: 1
        }
      }
    }

    onMounted(mounted)

    return {
      tools,
      costanti,
      colmySkills,
      getdefaultnewrec,
      extraparams,
      arrfilterand,
      filtercustom,
      searchList,
    }
  },
})