import { defineStore } from "pinia";
import { ref } from "vue";
import type { FormPlacementMainData } from  "@/modules/05_placement/interface/request/Main"
export const useProfileDataStore = defineStore("placement", () => {
  return {};
});
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 DataMainOrig = ref<FormPlacementMainData[]>([]) // ข้อมูลหลัก
  let DataMainUpdate = ref<FormPlacementMainData[]>([]) // ข้อมูลเปลี่ยนแปลง
  const DataMain = (val: any) => (DataMainOrig.value = val)
  const DataUpdateMain = (val: any) => {
    DataMainUpdate.value = [];
    DataMainUpdate.value = val;
  }

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