import {createSlice} from '@reduxjs/toolkit'

const getDefaultSlotConfig = i => ({
  id: i,
  slotNaming: `car_${i}`,
  slotTitle: `Slot ${i}`,
  carSetup: [0.5, 0.5, 0.5, 0.5, 0.5],
  prevCarSetup: [0.5, 0.5, 0.5, 0.5, 0.5],
  feedback: [[], [], [], [], []],
  track: "XX",
  previousRuns: [],

});
const totalSlots = 4;
const initialSlots = Array.from(Array(totalSlots)).map((x, i) => getDefaultSlotConfig(i+1));

const legacyConfigReader = () => {
  if (typeof window === "undefined") return null;
  if (localStorage.config) {
    try {
      let config = JSON.parse(localStorage.config);
      const ret = config.slots.map(x => {
        let data = {};
        try {
          data = JSON.parse(localStorage[x.slotNaming]);
        } catch {

        }
        return {
          id: x.id,
          slotNaming: x.slotNaming,
          slotTitle: x.slotTitle,
          carSetup: [0.5, 0.5, 0.5, 0.5, 0.5],
          prevCarSetup: [0.5, 0.5, 0.5, 0.5, 0.5],
          feedback: [[], [], [], [], []],
          track: "XX",
          previousRuns: [],
          ...data
        };
      })
      for(const x of ret) {
        delete localStorage[x.slotNaming]
      }
      delete localStorage.config
      return ret
    } catch {
      return null;
    }
  }

  if (localStorage["persist:root"]) {
    try {
      let config = JSON.parse(localStorage["persist:root"]);
      return JSON.parse(config.slots);
    } catch {
      return null;
    }
  }


}


export const configSlice = createSlice({
  name: 'config',
  initialState: {
    slots: legacyConfigReader() || initialSlots,
  },
  reducers: {
    setSlots: (state,  { payload }) => {
      state.slots = payload
    },
    addSlot: (state) => {
      let nextAvailableSlotId = 1;
      for(const slot of state.slots) {
        if (nextAvailableSlotId === slot.id) {
          nextAvailableSlotId++;
        }
      }
      state.slots = [...state.slots, getDefaultSlotConfig(nextAvailableSlotId)]
    },
    renameSlot: (state, { payload: { id, slotTitle } }) => {
      state.slots = state.slots.map(
        (x, _idx) =>
          x.id === id ? {...x, slotTitle} : x
      )
    },
    removeSlot: (state, { payload: { id, slotTitle } }) => {
      state.slots = state.slots.filter(
        (x, _idx) => x.id !== id
      )
    },
    updateSlot: (state, { payload: { id, payload } }) => {
      state.slots = [...state.slots.map(
        x => x.id === id ? {...x, ...payload} : x
      )]
    },
  },
})

// Action creators are generated for each case reducer function
export const {
  setSlots,
  renameSlot,
  addSlot,
  updateSlot,
  removeSlot,
} = configSlice.actions

export default configSlice.reducer