import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  FeedbackRequest,
  FeedbackRequestResponse,
  PaginatedFeedbackRequests,
  CreateFeedbackRequestPayload,
  RespondFeedbackRequestPayload,
  FeedbackSummary,
  FeedbackSummaryResponse,
} from '@/interface/FeedbackRequest';
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 { FeedbackRequestActions } from './actionTypes';
import { PaginationLinks, PaginationMeta } from '@/interface/Paginated';
import { GetParams, toQueryString } from '@/interface/GetParams';

interface FeedbackRequestState {
  feedbackRequests: FeedbackRequest[];
  currentFeedbackRequest: FeedbackRequest | null;
  feedbackSummary: FeedbackSummary | null;
  links?: PaginationLinks;
  meta?: PaginationMeta;
  loading: boolean;
  error: string | null;
}

const initialState: FeedbackRequestState = {
  feedbackRequests: [],
  currentFeedbackRequest: null,
  feedbackSummary: null,
  loading: false,
  error: null,
};

export const fetchFeedbackRequests = createAsyncThunk(
  FeedbackRequestActions.FETCH_FEEDBACK_REQUESTS_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/feedback-requests${query}`)) as AxiosResponse<PaginatedFeedbackRequests>;
    return response.data;
  },
);

export const fetchFeedbackRequest = createAsyncThunk(
  FeedbackRequestActions.FETCH_FEEDBACK_REQUEST_REQUEST,
  async (id: string) => {
    const response = (await apiGet(`/feedback-requests/${id}`)) as AxiosResponse<FeedbackRequestResponse>;
    return response.data.data;
  },
);

export const createFeedbackRequest = createAsyncThunk(
  FeedbackRequestActions.CREATE_FEEDBACK_REQUEST_REQUEST,
  async (payload: CreateFeedbackRequestPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/feedback-requests', payload)) as AxiosResponse<FeedbackRequestResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateFeedbackRequest = createAsyncThunk(
  FeedbackRequestActions.UPDATE_FEEDBACK_REQUEST_REQUEST,
  async (payload: Partial<CreateFeedbackRequestPayload> & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPut(`/feedback-requests/${payload.id}`, payload)) as AxiosResponse<FeedbackRequestResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteFeedbackRequest = createAsyncThunk(
  FeedbackRequestActions.DELETE_FEEDBACK_REQUEST_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiDelete(`/feedback-requests/${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 respondToFeedbackRequest = createAsyncThunk(
  FeedbackRequestActions.RESPOND_FEEDBACK_REQUEST_REQUEST,
  async ({ id, ...payload }: RespondFeedbackRequestPayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPost(`/feedback-requests/${id}/respond`, payload)) as AxiosResponse<FeedbackRequestResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const fetchFeedbackSummary = createAsyncThunk(
  FeedbackRequestActions.FETCH_FEEDBACK_SUMMARY_REQUEST,
  async (employeeId: string) => {
    const response = (await apiGet(`/feedback-requests/summary/${employeeId}`)) as AxiosResponse<FeedbackSummaryResponse>;
    return response.data.data;
  },
);

export const FeedbackRequestSlice = createSlice({
  name: 'feedbackRequests',
  initialState,
  reducers: {
    clearCurrentFeedbackRequest: (state: Draft<FeedbackRequestState>) => {
      state.currentFeedbackRequest = null;
    },
  },
  extraReducers(builder) {
    builder
      .addCase(fetchFeedbackRequests.pending, (state: Draft<FeedbackRequestState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchFeedbackRequests.fulfilled,
        (state: Draft<FeedbackRequestState>, action: PayloadAction<PaginatedFeedbackRequests>) => {
          state.feedbackRequests = action.payload.data;
          state.meta = action.payload.meta;
          state.links = action.payload.links;
          state.loading = false;
        },
      )
      .addCase(fetchFeedbackRequests.rejected, (state: Draft<FeedbackRequestState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(fetchFeedbackRequest.pending, (state: Draft<FeedbackRequestState>) => {
        state.loading = true;
      })
      .addCase(
        fetchFeedbackRequest.fulfilled,
        (state: Draft<FeedbackRequestState>, action: PayloadAction<FeedbackRequest>) => {
          state.currentFeedbackRequest = action.payload;
          state.loading = false;
        },
      )
      .addCase(fetchFeedbackRequest.rejected, (state: Draft<FeedbackRequestState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(createFeedbackRequest.pending, (state: Draft<FeedbackRequestState>) => {
        state.loading = true;
      })
      .addCase(
        createFeedbackRequest.fulfilled,
        (state: Draft<FeedbackRequestState>, action: PayloadAction<FeedbackRequest>) => {
          state.feedbackRequests.unshift(action.payload);
          state.loading = false;
          message.success('Feedback request sent successfully', 10);
        },
      )
      .addCase(
        createFeedbackRequest.rejected,
        (state: Draft<FeedbackRequestState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(updateFeedbackRequest.pending, (state: Draft<FeedbackRequestState>) => {
        state.loading = true;
      })
      .addCase(
        updateFeedbackRequest.fulfilled,
        (state: Draft<FeedbackRequestState>) => {
          state.loading = false;
          message.success('Feedback request updated successfully', 10);
        },
      )
      .addCase(
        updateFeedbackRequest.rejected,
        (state: Draft<FeedbackRequestState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

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

    builder
      .addCase(respondToFeedbackRequest.pending, (state: Draft<FeedbackRequestState>) => {
        state.loading = true;
      })
      .addCase(
        respondToFeedbackRequest.fulfilled,
        (state: Draft<FeedbackRequestState>, action: PayloadAction<FeedbackRequest>) => {
          state.currentFeedbackRequest = action.payload;
          const idx = state.feedbackRequests.findIndex((r) => r.id === action.payload.id);
          if (idx !== -1) {
            state.feedbackRequests[idx] = action.payload;
          }
          state.loading = false;
          message.success('Response submitted successfully', 10);
        },
      )
      .addCase(
        respondToFeedbackRequest.rejected,
        (state: Draft<FeedbackRequestState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(fetchFeedbackSummary.pending, (state: Draft<FeedbackRequestState>) => {
        state.loading = true;
      })
      .addCase(
        fetchFeedbackSummary.fulfilled,
        (state: Draft<FeedbackRequestState>, action: PayloadAction<FeedbackSummary>) => {
          state.feedbackSummary = action.payload;
          state.loading = false;
        },
      )
      .addCase(fetchFeedbackSummary.rejected, (state: Draft<FeedbackRequestState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });
  },
});

export const { clearCurrentFeedbackRequest } = FeedbackRequestSlice.actions;
export default FeedbackRequestSlice;
export type { FeedbackRequestState };