"use client";

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

type VehicleOverviewOptions = {
  shareUrlOpenIndex: number;
  optionOpenIndex: number;
  mapYourVehicleIndex: number;
  driverInfoIndex: number;
  createPOIIndex: number;
  makeInactiveIndex: number;
};

const initialState: VehicleOverviewOptions = {
  shareUrlOpenIndex: -1,
  optionOpenIndex: -1,
  mapYourVehicleIndex: -1,
  driverInfoIndex: -1,
  createPOIIndex: -1,
  makeInactiveIndex: -1,
};

const optionsSlice = createSlice({
  name: "vehicle-overview-options",
  initialState,
  reducers: {
    setIsShareUrlOpenIndex: (
      state,
      action: { payload: number; type: string }
    ) => {
      state.shareUrlOpenIndex = action.payload;
      return state;
    },
    setOptionsIndex: (state, action: { payload: number; type: string }) => {
      if (state.optionOpenIndex === action.payload) {
        state.optionOpenIndex = -1;
      } else {
        state.optionOpenIndex = action.payload;
      }
      return state;
    },
    setMapYourInfoIndex: (state, action: { payload: number; type: string }) => {
      if (state.mapYourVehicleIndex === action.payload) {
        state.mapYourVehicleIndex = -1;
      } else {
        state.mapYourVehicleIndex = action.payload;
      }
      return state;
    },
    setDriverInfoIndex: (state, action: { payload: number; type: string }) => {
      if (state.driverInfoIndex === action.payload) {
        state.driverInfoIndex = -1;
      } else {
        state.driverInfoIndex = action.payload;
      }
      return state;
    },
    setCreatePoiIndex: (state, action: { payload: number; type: string }) => {
      if (state.createPOIIndex === action.payload) {
        state.createPOIIndex = -1;
      } else {
        state.createPOIIndex = action.payload;
      }
      return state;
    },
    setMakeInactiveIndex: (
      state,
      action: { payload: number; type: string }
    ) => {
      if (state.makeInactiveIndex === action.payload) {
        state.makeInactiveIndex = -1;
      } else {
        state.makeInactiveIndex = action.payload;
      }
      return state;
    },
    resetOption: (state) => {
      state = initialState;
      return state;
    },
  },
});
export const {
  setIsShareUrlOpenIndex,
  setOptionsIndex,
  setMapYourInfoIndex,
  setDriverInfoIndex,
  resetOption,
  setCreatePoiIndex,
  setMakeInactiveIndex,
} = optionsSlice.actions;
export default optionsSlice.reducer;