import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  AppraisalSubmission,
  AppraisalSubmissionResponse,
  CreateAppraisalSubmissionPayload,
  DeleteAppraisalSubmissionPayload,
  FinalizeHrReviewPayload,
  PaginatedAppraisalSubmissions,
  SubmitManagerReviewPayload,
  SubmitSelfReviewPayload,
} from '@/interface/AppraisalSubmission';
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 { AppraisalSubmissionActions } from './actionTypes';
import { PaginationLinks, PaginationMeta } from '@/interface/Paginated';
import { GetParams, toQueryString } from '@/interface/GetParams';

interface AppraisalSubmissionState {
  appraisalSubmissions: AppraisalSubmission[];
  mySubmissions: AppraisalSubmission[];
  teamSubmissions: AppraisalSubmission[];
  currentSubmission: AppraisalSubmission | null;
  links?: PaginationLinks;
  meta?: PaginationMeta;
  mySubmissionsMeta?: PaginationMeta;
  teamSubmissionsMeta?: PaginationMeta;
  loading: boolean;
  error: string | null;
}

const initialState: AppraisalSubmissionState = {
  appraisalSubmissions: [],
  mySubmissions: [],
  teamSubmissions: [],
  currentSubmission: null,
  loading: false,
  error: null,
};

export const fetchAppraisalSubmissions = createAsyncThunk(
  AppraisalSubmissionActions.FETCH_APPRAISAL_SUBMISSION_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/appraisal-submissions${query}`)) as AxiosResponse<PaginatedAppraisalSubmissions>;
    return response.data;
  },
);

export const fetchSubmission = createAsyncThunk(
  AppraisalSubmissionActions.FETCH_SUBMISSION_REQUEST,
  async (id: string) => {
    const response = (await apiGet(
      `/appraisal-submissions/${id}`,
    )) as AxiosResponse<AppraisalSubmissionResponse>;
    return response.data.data;
  },
);

export const fetchMySubmissions = createAsyncThunk(
  AppraisalSubmissionActions.FETCH_MY_SUBMISSIONS_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/appraisal-submissions/my-submissions${query}`)) as AxiosResponse<PaginatedAppraisalSubmissions>;
    return response.data;
  },
);

export const fetchTeamSubmissions = createAsyncThunk(
  AppraisalSubmissionActions.FETCH_TEAM_SUBMISSIONS_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/appraisal-submissions/team-submissions${query}`)) as AxiosResponse<PaginatedAppraisalSubmissions>;
    return response.data;
  },
);

export const createAppraisalSubmission = createAsyncThunk(
  AppraisalSubmissionActions.CREATE_APPRAISAL_SUBMISSION_REQUEST,
  async (payload: CreateAppraisalSubmissionPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        '/appraisal-submissions',
        payload,
      )) as AxiosResponse<AppraisalSubmissionResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateAppraisalSubmission = createAsyncThunk(
  AppraisalSubmissionActions.UPDATE_APPRAISAL_SUBMISSION_REQUEST,
  async (payload: CreateAppraisalSubmissionPayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPut(
        `/appraisal-submissions/${payload.id}`,
        payload,
      )) as AxiosResponse<AppraisalSubmissionResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteAppraisalSubmission = createAsyncThunk(
  AppraisalSubmissionActions.DELETE_APPRAISAL_SUBMISSION_REQUEST,
  async (payload: string) => {
    const response = (await apiDelete(
      `/appraisal-submissions/${payload}`,
    )) as AxiosResponse<DeleteAppraisalSubmissionPayload>;
    const responseData = response.data;
    responseData.id = payload;
    return responseData;
  },
);

export const startSelfReview = createAsyncThunk(
  AppraisalSubmissionActions.START_SELF_REVIEW_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/appraisal-submissions/${id}/start-self-review`,
        {},
      )) as AxiosResponse<AppraisalSubmissionResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const submitSelfReview = createAsyncThunk(
  AppraisalSubmissionActions.SUBMIT_SELF_REVIEW_REQUEST,
  async ({ id, ...payload }: SubmitSelfReviewPayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/appraisal-submissions/${id}/submit-self-review`,
        payload,
      )) as AxiosResponse<AppraisalSubmissionResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const startManagerReview = createAsyncThunk(
  AppraisalSubmissionActions.START_MANAGER_REVIEW_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/appraisal-submissions/${id}/start-manager-review`,
        {},
      )) as AxiosResponse<AppraisalSubmissionResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const submitManagerReview = createAsyncThunk(
  AppraisalSubmissionActions.SUBMIT_MANAGER_REVIEW_REQUEST,
  async ({ id, ...payload }: SubmitManagerReviewPayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/appraisal-submissions/${id}/submit-manager-review`,
        payload,
      )) as AxiosResponse<AppraisalSubmissionResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const finalizeHrReview = createAsyncThunk(
  AppraisalSubmissionActions.FINALIZE_HR_REVIEW_REQUEST,
  async ({ id, ...payload }: FinalizeHrReviewPayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/appraisal-submissions/${id}/finalize-hr-review`,
        payload,
      )) as AxiosResponse<AppraisalSubmissionResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const AppraisalSubmissionSlice = createSlice({
  name: 'appraisalSubmissions',
  initialState,
  reducers: {
    clearCurrentSubmission: (state: Draft<AppraisalSubmissionState>) => {
      state.currentSubmission = null;
    },
  },
  extraReducers(builder) {
    builder
      .addCase(fetchAppraisalSubmissions.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchAppraisalSubmissions.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission[] | PaginatedAppraisalSubmissions>) => {
          if (Array.isArray(action.payload)) {
            state.appraisalSubmissions = action.payload;
            state.meta = undefined;
            state.links = undefined;
          } else {
            state.appraisalSubmissions = action.payload.data;
            state.meta = action.payload.meta;
            state.links = action.payload.links;
          }
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchAppraisalSubmissions.rejected, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = false;
        message.error(
          'Failed to load Appraisal Submissions. Please try again or contact support if the issue persists',
        );
      });

    builder
      .addCase(fetchSubmission.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        fetchSubmission.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          state.currentSubmission = action.payload;
          state.loading = false;
        },
      )
      .addCase(fetchSubmission.rejected, (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(fetchMySubmissions.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        fetchMySubmissions.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<PaginatedAppraisalSubmissions>) => {
          state.mySubmissions = action.payload.data;
          state.mySubmissionsMeta = action.payload.meta;
          state.loading = false;
        },
      )
      .addCase(fetchMySubmissions.rejected, (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(fetchTeamSubmissions.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        fetchTeamSubmissions.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<PaginatedAppraisalSubmissions>) => {
          state.teamSubmissions = action.payload.data;
          state.teamSubmissionsMeta = action.payload.meta;
          state.loading = false;
        },
      )
      .addCase(fetchTeamSubmissions.rejected, (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(createAppraisalSubmission.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        createAppraisalSubmission.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          state.appraisalSubmissions.unshift(action.payload);
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(
        createAppraisalSubmission.rejected,
        (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(updateAppraisalSubmission.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        updateAppraisalSubmission.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          state.loading = false;
          state.error = null;
          message.success('Successfully updated Appraisal Submission', 10);
        },
      )
      .addCase(
        updateAppraisalSubmission.rejected,
        (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(deleteAppraisalSubmission.pending, (state: Draft<AppraisalSubmissionState>) => {})
      .addCase(
        deleteAppraisalSubmission.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<DeleteAppraisalSubmissionPayload>) => {
          state.appraisalSubmissions = state.appraisalSubmissions.filter((unit) => unit.id !== action.payload.id);
          message.success(action.payload.message, 10);
        },
      )
      .addCase(deleteAppraisalSubmission.rejected, (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(startSelfReview.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        startSelfReview.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          if (state.currentSubmission) {
            state.currentSubmission = { ...state.currentSubmission, status: action.payload.status };
          } else {
            state.currentSubmission = action.payload;
          }
          state.loading = false;
          message.success('Self review started', 10);
        },
      )
      .addCase(
        startSelfReview.rejected,
        (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(submitSelfReview.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        submitSelfReview.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          state.currentSubmission = action.payload;
          state.loading = false;
          message.success('Self review submitted successfully', 10);
        },
      )
      .addCase(
        submitSelfReview.rejected,
        (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(startManagerReview.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        startManagerReview.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          if (state.currentSubmission) {
            state.currentSubmission = { ...state.currentSubmission, status: action.payload.status };
          } else {
            state.currentSubmission = action.payload;
          }
          state.loading = false;
          message.success('Manager review started', 10);
        },
      )
      .addCase(
        startManagerReview.rejected,
        (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(submitManagerReview.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        submitManagerReview.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          state.currentSubmission = action.payload;
          state.loading = false;
          message.success('Manager review submitted successfully', 10);
        },
      )
      .addCase(
        submitManagerReview.rejected,
        (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(finalizeHrReview.pending, (state: Draft<AppraisalSubmissionState>) => {
        state.loading = true;
      })
      .addCase(
        finalizeHrReview.fulfilled,
        (state: Draft<AppraisalSubmissionState>, action: PayloadAction<AppraisalSubmission>) => {
          state.currentSubmission = action.payload;
          state.loading = false;
          message.success('Appraisal finalized successfully', 10);
        },
      )
      .addCase(
        finalizeHrReview.rejected,
        (state: Draft<AppraisalSubmissionState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

  },
});

export const { clearCurrentSubmission } = AppraisalSubmissionSlice.actions;
export default AppraisalSubmissionSlice;
export type { AppraisalSubmissionState };