import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  Goal,
  GoalResponse,
  GoalUpdate,
  GoalUpdateResponse,
  PaginatedGoals,
  PaginatedGoalUpdates,
  CreateGoalPayload,
  SubmitGoalUpdatePayload,
} from '@/interface/Goal';
import { apiDelete, apiGet, apiPost, apiPut } from '@/services/api/api';
import Helpers from '@/utilities/Helpers';
import { createAsyncThunk, createSlice, Draft, PayloadAction } from '@reduxjs/toolkit';
import { message } from 'antd';
import axios, { AxiosResponse } from 'axios';
import { GoalActions } from './actionTypes';
import { PaginationLinks, PaginationMeta } from '@/interface/Paginated';
import { GetParams, toQueryString } from '@/interface/GetParams';

interface GoalState {
  goals: Goal[];
  myGoals: Goal[];
  teamGoals: Goal[];
  currentGoal: Goal | null;
  goalUpdates: GoalUpdate[];
  links?: PaginationLinks;
  meta?: PaginationMeta;
  myGoalsMeta?: PaginationMeta;
  teamGoalsMeta?: PaginationMeta;
  updatesMeta?: PaginationMeta;
  loading: boolean;
  error: string | null;
}

const initialState: GoalState = {
  goals: [],
  myGoals: [],
  teamGoals: [],
  currentGoal: null,
  goalUpdates: [],
  loading: false,
  error: null,
};

export const fetchGoals = createAsyncThunk(
  GoalActions.FETCH_GOALS_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/goals${query}`)) as AxiosResponse<PaginatedGoals>;
    return response.data;
  },
);

export const fetchMyGoals = createAsyncThunk(
  GoalActions.FETCH_MY_GOALS_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/goals/my-goals${query}`)) as AxiosResponse<PaginatedGoals>;
    return response.data;
  },
);

export const fetchTeamGoals = createAsyncThunk(
  GoalActions.FETCH_TEAM_GOALS_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/goals/team-goals${query}`)) as AxiosResponse<PaginatedGoals>;
    return response.data;
  },
);

export const fetchGoal = createAsyncThunk(
  GoalActions.FETCH_GOAL_REQUEST,
  async (id: string) => {
    const response = (await apiGet(`/goals/${id}`)) as AxiosResponse<GoalResponse>;
    return response.data.data;
  },
);

export const createGoal = createAsyncThunk(
  GoalActions.CREATE_GOAL_REQUEST,
  async (payload: CreateGoalPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/goals', payload)) as AxiosResponse<GoalResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateGoal = createAsyncThunk(
  GoalActions.UPDATE_GOAL_REQUEST,
  async (payload: CreateGoalPayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPut(`/goals/${payload.id}`, payload)) as AxiosResponse<GoalResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteGoal = createAsyncThunk(
  GoalActions.DELETE_GOAL_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiDelete(`/goals/${id}`)) as AxiosResponse<{ message: string }>;
      return { message: response.data.message, id };
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const submitGoalUpdate = createAsyncThunk(
  GoalActions.SUBMIT_GOAL_UPDATE_REQUEST,
  async ({ goalId, ...payload }: SubmitGoalUpdatePayload & { goalId: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPost(`/goals/${goalId}/submit-update`, payload)) as AxiosResponse<GoalUpdateResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const fetchGoalUpdates = createAsyncThunk(
  GoalActions.FETCH_GOAL_UPDATES_REQUEST,
  async ({ goalId, ...params }: { goalId: string } & GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/goals/${goalId}/updates${query}`)) as AxiosResponse<PaginatedGoalUpdates>;
    return response.data;
  },
);

export const GoalSlice = createSlice({
  name: 'goals',
  initialState,
  reducers: {
    clearCurrentGoal: (state: Draft<GoalState>) => {
      state.currentGoal = null;
    },
  },
  extraReducers(builder) {
    builder
      .addCase(fetchGoals.pending, (state: Draft<GoalState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchGoals.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<PaginatedGoals>) => {
          state.goals = action.payload.data;
          state.meta = action.payload.meta;
          state.links = action.payload.links;
          state.loading = false;
        },
      )
      .addCase(fetchGoals.rejected, (state: Draft<GoalState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(fetchMyGoals.pending, (state: Draft<GoalState>) => {
        state.loading = true;
      })
      .addCase(
        fetchMyGoals.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<PaginatedGoals>) => {
          state.myGoals = action.payload.data;
          state.myGoalsMeta = action.payload.meta;
          state.loading = false;
        },
      )
      .addCase(fetchMyGoals.rejected, (state: Draft<GoalState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(fetchTeamGoals.pending, (state: Draft<GoalState>) => {
        state.loading = true;
      })
      .addCase(
        fetchTeamGoals.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<PaginatedGoals>) => {
          state.teamGoals = action.payload.data;
          state.teamGoalsMeta = action.payload.meta;
          state.loading = false;
        },
      )
      .addCase(fetchTeamGoals.rejected, (state: Draft<GoalState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(fetchGoal.pending, (state: Draft<GoalState>) => {
        state.loading = true;
      })
      .addCase(
        fetchGoal.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<Goal>) => {
          state.currentGoal = action.payload;
          state.loading = false;
        },
      )
      .addCase(fetchGoal.rejected, (state: Draft<GoalState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(createGoal.pending, (state: Draft<GoalState>) => {
        state.loading = true;
      })
      .addCase(
        createGoal.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<Goal>) => {
          state.goals.unshift(action.payload);
          state.loading = false;
        },
      )
      .addCase(
        createGoal.rejected,
        (state: Draft<GoalState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(updateGoal.pending, (state: Draft<GoalState>) => {
        state.loading = true;
      })
      .addCase(
        updateGoal.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<Goal>) => {
          state.loading = false;
          message.success('Successfully updated goal', 10);
        },
      )
      .addCase(
        updateGoal.rejected,
        (state: Draft<GoalState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(deleteGoal.pending, (state: Draft<GoalState>) => {})
      .addCase(
        deleteGoal.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<{ message: string; id: string }>) => {
          state.goals = state.goals.filter((item) => item.id !== action.payload.id);
          message.success(action.payload.message, 10);
        },
      )
      .addCase(deleteGoal.rejected, (state: Draft<GoalState>, action: RejectedActionPayload) => {
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(submitGoalUpdate.pending, (state: Draft<GoalState>) => {
        state.loading = true;
      })
      .addCase(
        submitGoalUpdate.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<GoalUpdate>) => {
          state.goalUpdates.unshift(action.payload);
          state.loading = false;
          message.success('Update submitted successfully', 10);
        },
      )
      .addCase(
        submitGoalUpdate.rejected,
        (state: Draft<GoalState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(fetchGoalUpdates.pending, (state: Draft<GoalState>) => {
        state.loading = true;
      })
      .addCase(
        fetchGoalUpdates.fulfilled,
        (state: Draft<GoalState>, action: PayloadAction<PaginatedGoalUpdates>) => {
          state.goalUpdates = action.payload.data;
          state.updatesMeta = action.payload.meta;
          state.loading = false;
        },
      )
      .addCase(fetchGoalUpdates.rejected, (state: Draft<GoalState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

  },
});

export const { clearCurrentGoal } = GoalSlice.actions;
export default GoalSlice;
export type { GoalState };