import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  AppraisalCycle,
  AppraisalCycleResponse,
  CreateAppraisalCyclePayload,
  DeleteAppraisalCyclePayload,
  PaginatedAppraisalCycles,
} from '@/interface/AppraisalCycle';
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 { AppraisalCycleActions } from './actionTypes';
import { PaginationLinks, PaginationMeta } from '@/interface/Paginated';
import { GetParams, toQueryString } from '@/interface/GetParams';

interface AppraisalCycleState {
  appraisalCycles: AppraisalCycle[];
  currentCycle: AppraisalCycle | null;
  links?: PaginationLinks;
  meta?: PaginationMeta;
  loading: boolean;
  error: string | null;
}

const initialState: AppraisalCycleState = {
  appraisalCycles: [],
  currentCycle: null,
  loading: false,
  error: null,
};

export const fetchAppraisalCycles = createAsyncThunk(
  AppraisalCycleActions.FETCH_APPRAISAL_CYCLE_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/appraisal-cycles${query}`)) as AxiosResponse<PaginatedAppraisalCycles>;
    return response.data;
  },
);

export const createAppraisalCycle = createAsyncThunk(
  AppraisalCycleActions.CREATE_APPRAISAL_CYCLE_REQUEST,
  async (payload: CreateAppraisalCyclePayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        '/appraisal-cycles',
        payload,
      )) as AxiosResponse<AppraisalCycleResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateAppraisalCycle = createAsyncThunk(
  AppraisalCycleActions.UPDATE_APPRAISAL_CYCLE_REQUEST,
  async (payload: CreateAppraisalCyclePayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPut(
        `/appraisal-cycles/${payload.id}`,
        payload,
      )) as AxiosResponse<AppraisalCycleResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteAppraisalCycle = createAsyncThunk(
  AppraisalCycleActions.DELETE_APPRAISAL_CYCLE_REQUEST,
  async (payload: string) => {
    const response = (await apiDelete(
      `/appraisal-cycles/${payload}`,
    )) as AxiosResponse<DeleteAppraisalCyclePayload>;
    const responseData = response.data;
    responseData.id = payload;
    return responseData;
  },
);

export const activateCycle = createAsyncThunk(
  AppraisalCycleActions.ACTIVATE_CYCLE_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/appraisal-cycles/${id}/activate`,
        {},
      )) as AxiosResponse<AppraisalCycleResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const fetchCycleProgress = createAsyncThunk(
  AppraisalCycleActions.FETCH_CYCLE_PROGRESS_REQUEST,
  async (id: string) => {
    const response = (await apiGet(
      `/appraisal-cycles/${id}/progress`,
    )) as AxiosResponse<AppraisalCycleResponse>;
    return response.data.data;
  },
);

export const AppraisalCycleSlice = createSlice({
  name: 'appraisalCycles',
  initialState,
  reducers: {
    clearCurrentCycle: (state: Draft<AppraisalCycleState>) => {
      state.currentCycle = null;
    },
  },
  extraReducers(builder) {
    builder
      .addCase(fetchAppraisalCycles.pending, (state: Draft<AppraisalCycleState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchAppraisalCycles.fulfilled,
        (state: Draft<AppraisalCycleState>, action: PayloadAction<AppraisalCycle[] | PaginatedAppraisalCycles>) => {
          if (Array.isArray(action.payload)) {
            state.appraisalCycles = action.payload;
            state.meta = undefined;
            state.links = undefined;
          } else {
            state.appraisalCycles = action.payload.data;
            state.meta = action.payload.meta;
            state.links = action.payload.links;
          }
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchAppraisalCycles.rejected, (state: Draft<AppraisalCycleState>) => {
        state.loading = false;
        message.error(
          'Failed to load Appraisal Cycles. Please try again or contact support if the issue persists',
        );
      });

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

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

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

    builder
      .addCase(activateCycle.pending, (state: Draft<AppraisalCycleState>) => {
        state.loading = true;
      })
      .addCase(
        activateCycle.fulfilled,
        (state: Draft<AppraisalCycleState>, action: PayloadAction<AppraisalCycle>) => {
          state.currentCycle = action.payload;
          const idx = state.appraisalCycles.findIndex((c) => c.id === action.payload.id);
          if (idx !== -1) {
            state.appraisalCycles[idx] = action.payload;
          }
          state.loading = false;
          message.success('Appraisal cycle activated successfully', 10);
        },
      )
      .addCase(
        activateCycle.rejected,
        (state: Draft<AppraisalCycleState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(fetchCycleProgress.pending, (state: Draft<AppraisalCycleState>) => {
        state.loading = true;
      })
      .addCase(
        fetchCycleProgress.fulfilled,
        (state: Draft<AppraisalCycleState>, action: PayloadAction<AppraisalCycle>) => {
          state.currentCycle = action.payload;
          state.loading = false;
        },
      )
      .addCase(fetchCycleProgress.rejected, (state: Draft<AppraisalCycleState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });
  },
});

export const { clearCurrentCycle } = AppraisalCycleSlice.actions;
export default AppraisalCycleSlice;
export type { AppraisalCycleState };