import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
import {apiRequest} from "../api/request";

const initialState = {
  projects: [],
  projectBoard: {}
};

export const setProjectBoardFetch = createAsyncThunk(
    'userInfo',
    (id) =>
        apiRequest(`/project/get-project?project_id=${id}&expand=columns`)
);

export const projectsTrackerSlice = createSlice({
  name: "projectsTracker",
  initialState,
  reducers: {
    setAllProjects: (state, action) => {
      state.projects = action.payload
    },
    setProject: (state, action) => {
      state.projects.push(action.payload);
    },
    deleteProject: (state, action) => {
      console.log(action.payload)
      state.projects = state.projects.filter((project) => project.id !== action.payload.id)
    },
    moveProjectTask: (state, action) => {
      state.projectBoard.columns.forEach((column, index) => {
        if (column.id === action.payload.columnId) {
          column.tasks.push(action.payload.startWrapperIndex.task)
          apiRequest(`/task/update-task`, {
            method: 'PUT',
            data: {
              task_id: action.payload.startWrapperIndex.task.id,
              column_id: column.id
            }
          }).then((res) => {
          })
        }
        if (column.id === action.payload.startWrapperIndex.index) {
          state.projectBoard.columns[index].tasks = column.tasks.filter((task)=> task.id !== action.payload.startWrapperIndex.task.id);
        }
      })
    }
  },
  extraReducers: {
    [setProjectBoardFetch.fulfilled]: (state, action) => {
      state.projectBoard = action.payload
    }
  }
});

export const { setProject, deleteProject, setAllProjects, moveProjectTask } = projectsTrackerSlice.actions;

export const getProjects = (state) => state.tracker.projects;
export const getProjectBoard = (state) => state.tracker.projectBoard;

export default projectsTrackerSlice.reducer;