import { defineStore } from "pinia";
import { ref } from "vue";
import type { FormPlacementMainData } from "@/modules/05_placement/interface/request/Main"

export const useProfileDataStore = defineStore("profile", () => {
  interface profile {
    main: { columns: String[] };
    education: { columns: String[] };
    certicate: { columns: String[] };
    train: { columns: String[] };
    insignia: { columns: String[] };
    coined: { columns: String[] };
    assessment: { columns: String[] };
    salary: { columns: String[] };
    discipline: { columns: String[] };
    leave: { columns: String[] };
    talent: { columns: String[] };
    work: { columns: String[] };
    record: { columns: String[] };
    other: { columns: String[] };
    document: { columns: String[] };
  }

  const birthDate = ref<Date>(new Date());
  const retireText = ref<string | null>(null);
  const changeRetireText = (val: string | null) => {
    retireText.value = val;
  };
  const changeBirth = (val: Date) => {
    birthDate.value = val;
  };
  const profileData = ref<profile>({
    main: { columns: [] },
    education: { columns: [] },
    certicate: { columns: [] },
    train: { columns: [] },
    insignia: { columns: [] },
    coined: { columns: [] },
    assessment: { columns: [] },
    salary: { columns: [] },
    discipline: { columns: [] },
    leave: { columns: [] },
    talent: { columns: [] },
    work: { columns: [] },
    record: { columns: [] },
    other: { columns: [] },
    document: { columns: [] },
  });

  const changeProfileColumns = (system: String, val: String[]) => {
    if (system == "main") profileData.value.main.columns = val;
    if (system == "education") profileData.value.education.columns = val;
    if (system == "certicate") profileData.value.certicate.columns = val;
    if (system == "train") profileData.value.train.columns = val;
    if (system == "insignia") profileData.value.insignia.columns = val;
    if (system == "coined") profileData.value.coined.columns = val;
    if (system == "assessment") profileData.value.assessment.columns = val;
    if (system == "salary") profileData.value.salary.columns = val;
    if (system == "discipline") profileData.value.discipline.columns = val;
    if (system == "leave") profileData.value.leave.columns = val;
    if (system == "talent") profileData.value.talent.columns = val;
    if (system == "work") profileData.value.work.columns = val;
    if (system == "record") profileData.value.record.columns = val;
    if (system == "other") profileData.value.other.columns = val;
    if (system == "document") profileData.value.document.columns = val;
    localStorage.setItem("profile", JSON.stringify(profileData.value));
  };

  if (localStorage.getItem("profile") !== null) {
    profileData.value = JSON.parse(localStorage.getItem("profile") || "{}");
  }

  return {
    profileData,
    changeProfileColumns,
    birthDate,
    changeBirth,
    retireText,
    changeRetireText,
  };
});
export const usePlacementDataStore = defineStore("placement", () => {
  interface placement {
    mappingPosition: { columns: String[] };
  }
  const placementData = ref<placement>({
    mappingPosition: { columns: [] },
  });
  const changePlacementColumns = (system: String, val: String[]) => {
    if (system == "mappingPosition")
      placementData.value.mappingPosition.columns = val;
    localStorage.setItem(
      "placement",
      JSON.stringify(placementData.value)
    );
  };

  if (localStorage.getItem("placement") !== null) {
    placementData.value = JSON.parse(
      localStorage.getItem("placement") || "{}"
    );
  }

  let DataMainYear = ref<object[]>([]) // ข้อมูลจำนวนปี
  let DataMainOrig = ref<FormPlacementMainData[]>([]) // ข้อมูลหลักดั้งเดิม
  let DataMainUpdate = ref<FormPlacementMainData[]>([]) // ข้อมูลเปลี่ยนแปลง
  const DataMainYearSet = (val: FormPlacementMainData[]) => (DataMainYear.value = val)
  const DataMain = (val: FormPlacementMainData[]) => (DataMainOrig.value = val)
  const DataUpdateMain = (filter_1: number | null, filter_2: number | null, filter_3: boolean) => {
    DataMainUpdate.value = [];
    if (filter_1 === null && filter_2 === 0 && filter_3 === false) {
      // console.log('case 1');
      // return DataMainUpdate.value = DataMainOrig.value; อันเก่า
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.isExpired === filter_3);
    } else if (filter_1 === null && filter_2 === null && filter_3 === false) {
      // console.log('case 1.1');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.isExpired === filter_3);
    } else if (filter_1 !== null && filter_2 === 0 && filter_3 === false) {
      // console.log('case 2');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examOrder === filter_1 && item.isExpired === filter_3);
    } else if (filter_1 !== null && filter_2 === null && filter_3 === false) {
      // console.log('case 2.1');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examOrder === filter_1 && item.isExpired === filter_3);
    } else if (filter_1 !== null && filter_2 !== 0 && filter_3 === false) {
      // console.log('case 2.2');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examOrder === filter_1 && item.examType === filter_2 && item.isExpired === filter_3);
    } else if (filter_1 === null && filter_2 !== 0 && filter_3 === false) {
      // console.log('case 3');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examType === filter_2 && item.isExpired === filter_3);
    } else if (filter_1 === null && filter_2 === 0 && filter_3 === true) {
      // console.log('case 3.1');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.isExpired === filter_3);
    } else if (filter_1 === null && filter_2 === null && filter_3 === true) {
      // console.log('case 3.2');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.isExpired === filter_3);
    } else if (filter_1 !== null && filter_2 === 0 && filter_3 === true) {
      // console.log('case 3.3');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examOrder == filter_1 && item.isExpired == filter_3);
    } else if (filter_1 !== null && filter_2 === null && filter_3 === true) {
      // console.log('case 3.4');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examOrder == filter_1 && item.isExpired == filter_3);
    } else if (filter_1 !== null && filter_2 !== 0 && filter_3 === true) {
      // console.log('case 3.5');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examOrder == filter_1 && item.examType == filter_2 && item.isExpired == filter_3);
    } else if (filter_1 === null && filter_2 !== 0 && filter_3 === true) {
      // console.log('case 3.6');
      return DataMainUpdate.value = DataMainOrig.value.filter((item) => item.examType == filter_2 && item.isExpired == filter_3);
    }

  }

  return {
    placementData,
    changePlacementColumns,
    DataMainYear,
    DataMainOrig,
    DataMainUpdate,
    DataMainYearSet,
    DataMain,
    DataUpdateMain,
  };
});