import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  QuickFeedback,
  QuickFeedbackResponse,
  PaginatedQuickFeedbacks,
  CreateQuickFeedbackPayload,
} from '@/interface/QuickFeedback';
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 { QuickFeedbackActions } from './actionTypes';
import { PaginationLinks, PaginationMeta } from '@/interface/Paginated';
import { GetParams, toQueryString } from '@/interface/GetParams';

interface QuickFeedbackState {
  quickFeedbacks: QuickFeedback[];
  teamFeed: QuickFeedback[];
  currentQuickFeedback: QuickFeedback | null;
  links?: PaginationLinks;
  meta?: PaginationMeta;
  teamFeedMeta?: PaginationMeta;
  loading: boolean;
  error: string | null;
}

const initialState: QuickFeedbackState = {
  quickFeedbacks: [],
  teamFeed: [],
  currentQuickFeedback: null,
  loading: false,
  error: null,
};

export const fetchQuickFeedbacks = createAsyncThunk(
  QuickFeedbackActions.FETCH_QUICK_FEEDBACKS_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/quick-feedbacks${query}`)) as AxiosResponse<PaginatedQuickFeedbacks>;
    return response.data;
  },
);

export const fetchQuickFeedback = createAsyncThunk(
  QuickFeedbackActions.FETCH_QUICK_FEEDBACK_REQUEST,
  async (id: string) => {
    const response = (await apiGet(`/quick-feedbacks/${id}`)) as AxiosResponse<QuickFeedbackResponse>;
    return response.data.data;
  },
);

export const createQuickFeedback = createAsyncThunk(
  QuickFeedbackActions.CREATE_QUICK_FEEDBACK_REQUEST,
  async (payload: CreateQuickFeedbackPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/quick-feedbacks', payload)) as AxiosResponse<QuickFeedbackResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateQuickFeedback = createAsyncThunk(
  QuickFeedbackActions.UPDATE_QUICK_FEEDBACK_REQUEST,
  async (payload: Partial<CreateQuickFeedbackPayload> & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPut(`/quick-feedbacks/${payload.id}`, payload)) as AxiosResponse<QuickFeedbackResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteQuickFeedback = createAsyncThunk(
  QuickFeedbackActions.DELETE_QUICK_FEEDBACK_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiDelete(`/quick-feedbacks/${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 fetchTeamFeed = createAsyncThunk(
  QuickFeedbackActions.FETCH_TEAM_FEED_REQUEST,
  async (params?: GetParams) => {
    const query = toQueryString(params);
    const response = (await apiGet(`/quick-feedbacks/team-feed${query}`)) as AxiosResponse<PaginatedQuickFeedbacks>;
    return response.data;
  },
);

export const QuickFeedbackSlice = createSlice({
  name: 'quickFeedbacks',
  initialState,
  reducers: {
    clearCurrentQuickFeedback: (state: Draft<QuickFeedbackState>) => {
      state.currentQuickFeedback = null;
    },
  },
  extraReducers(builder) {
    builder
      .addCase(fetchQuickFeedbacks.pending, (state: Draft<QuickFeedbackState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchQuickFeedbacks.fulfilled,
        (state: Draft<QuickFeedbackState>, action: PayloadAction<PaginatedQuickFeedbacks>) => {
          state.quickFeedbacks = action.payload.data;
          state.meta = action.payload.meta;
          state.links = action.payload.links;
          state.loading = false;
        },
      )
      .addCase(fetchQuickFeedbacks.rejected, (state: Draft<QuickFeedbackState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(fetchQuickFeedback.pending, (state: Draft<QuickFeedbackState>) => {
        state.loading = true;
      })
      .addCase(
        fetchQuickFeedback.fulfilled,
        (state: Draft<QuickFeedbackState>, action: PayloadAction<QuickFeedback>) => {
          state.currentQuickFeedback = action.payload;
          state.loading = false;
        },
      )
      .addCase(fetchQuickFeedback.rejected, (state: Draft<QuickFeedbackState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(createQuickFeedback.pending, (state: Draft<QuickFeedbackState>) => {
        state.loading = true;
      })
      .addCase(
        createQuickFeedback.fulfilled,
        (state: Draft<QuickFeedbackState>, action: PayloadAction<QuickFeedback>) => {
          state.quickFeedbacks.unshift(action.payload);
          state.loading = false;
          message.success('Feedback given successfully', 10);
        },
      )
      .addCase(
        createQuickFeedback.rejected,
        (state: Draft<QuickFeedbackState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

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

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

    builder
      .addCase(fetchTeamFeed.pending, (state: Draft<QuickFeedbackState>) => {
        state.loading = true;
      })
      .addCase(
        fetchTeamFeed.fulfilled,
        (state: Draft<QuickFeedbackState>, action: PayloadAction<PaginatedQuickFeedbacks>) => {
          state.teamFeed = action.payload.data;
          state.teamFeedMeta = action.payload.meta;
          state.loading = false;
        },
      )
      .addCase(fetchTeamFeed.rejected, (state: Draft<QuickFeedbackState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });
  },
});

export const { clearCurrentQuickFeedback } = QuickFeedbackSlice.actions;
export default QuickFeedbackSlice;
export type { QuickFeedbackState };