import { createSlice, PayloadAction } from "@reduxjs/toolkit";

interface KabelueberwachungChartState {
  chartData: any[];
  vonDatum: string;
  bisDatum: string;
  selectedMode: "DIA0" | "DIA1" | "DIA2";
  selectedSlotType: "isolationswiderstand" | "schleifenwiderstand";
  isChartOpen: boolean;
  slotNumber: number | null; // NEU: Slot-Nummer speichern
}

const initialState: KabelueberwachungChartState = {
  chartData: [],
  vonDatum: "2025-02-01",
  bisDatum: "2025-02-28",
  selectedMode: "DIA0",
  selectedSlotType: "schleifenwiderstand",
  isChartOpen: false,
  slotNumber: null, // Standard: Kein Slot gewählt
};

const kabelueberwachungChartSlice = createSlice({
  name: "kabelueberwachungChart",
  initialState,
  reducers: {
    setSlotNumber: (state, action: PayloadAction<number | null>) => {
      state.slotNumber = action.payload;
    },
    setChartData: (state, action: PayloadAction<any[]>) => {
      state.chartData = action.payload;
    },
    setVonDatum: (state, action: PayloadAction<string>) => {
      state.vonDatum = action.payload.replace(/-/g, ";"); // Speichert als "YYYY;MM;DD"
    },
    setBisDatum: (state, action: PayloadAction<string>) => {
      state.bisDatum = action.payload.replace(/-/g, ";"); // Speichert als "YYYY;MM;DD"
    },

    setSelectedMode: (
      state,
      action: PayloadAction<"DIA0" | "DIA1" | "DIA2">
    ) => {
      state.selectedMode = action.payload;
    },
    setSelectedSlotType: (
      state,
      action: PayloadAction<"isolationswiderstand" | "schleifenwiderstand">
    ) => {
      state.selectedSlotType = action.payload;
    },
    setChartOpen: (state, action: PayloadAction<boolean>) => {
      state.isChartOpen = action.payload;
    },
  },
});

export const {
  setChartData,
  setVonDatum,
  setBisDatum,
  setSelectedMode,
  setSelectedSlotType,
  setChartOpen,
  setSlotNumber, // NEU: Action für Slot-Nummer exportieren
} = kabelueberwachungChartSlice.actions;

export default kabelueberwachungChartSlice.reducer;