import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  QuestionLevel,
  CreateQuestionLevelPayload,
  DeleteQuestionLevelPayload,
} from '@/interface/Assessment';
import Helpers from '@/utilities/Helpers';
import { createAsyncThunk, createSlice, Draft, PayloadAction } from '@reduxjs/toolkit';
import { message } from 'antd';
import { QuestionLevelsActions } from './actionTypes';
import { apiDelete, apiGet, apiPost, apiPut } from '@/services/api/api';
import axios, { AxiosResponse } from 'axios';

interface QuestionLevelState {
  levels: QuestionLevel[];
  loading: boolean;
  error: string | null;
}

const initialState: QuestionLevelState = {
  levels: [],
  loading: false,
  error: null,
};

export const fetchQuestionLevels = createAsyncThunk(
  QuestionLevelsActions.FETCH_QUESTION_LEVELS_REQUEST,
  async () => {
    const response = (await apiGet('/assessment/levels')) as AxiosResponse<QuestionLevel[]>;
    return response.data;
  },
);

export const createQuestionLevel = createAsyncThunk(
  QuestionLevelsActions.CREATE_QUESTION_LEVEL_REQUEST,
  async (payload: CreateQuestionLevelPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/assessment/levels', payload)) as AxiosResponse<{
        data: QuestionLevel;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateQuestionLevel = createAsyncThunk(
  QuestionLevelsActions.UPDATE_QUESTION_LEVEL_REQUEST,
  async (payload: CreateQuestionLevelPayload, { rejectWithValue }) => {
    try {
      const { id, ...data } = payload;
      const response = (await apiPut(`/assessment/levels/${id}`, data)) as AxiosResponse<{
        data: QuestionLevel;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteQuestionLevel = createAsyncThunk(
  QuestionLevelsActions.DELETE_QUESTION_LEVEL_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiDelete(
        `/assessment/levels/${id}`,
      )) as AxiosResponse<DeleteQuestionLevelPayload>;
      const responseData = response.data;
      responseData.id = id;
      return responseData;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const QuestionLevelsSlice = createSlice({
  name: 'questionLevels',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchQuestionLevels.pending, (state: Draft<QuestionLevelState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchQuestionLevels.fulfilled,
        (state: Draft<QuestionLevelState>, action: PayloadAction<QuestionLevel[]>) => {
          state.levels = action.payload;
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchQuestionLevels.rejected, (state: Draft<QuestionLevelState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = 'Failed to load question levels';
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(createQuestionLevel.pending, (state: Draft<QuestionLevelState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        createQuestionLevel.fulfilled,
        (state: Draft<QuestionLevelState>, action: PayloadAction<QuestionLevel>) => {
          state.levels.unshift(action.payload);
          state.error = null;
          state.loading = false;
          message.success('Question level created successfully');
        },
      )
      .addCase(
        createQuestionLevel.rejected,
        (state: Draft<QuestionLevelState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(updateQuestionLevel.pending, (state: Draft<QuestionLevelState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        updateQuestionLevel.fulfilled,
        (state: Draft<QuestionLevelState>, action: PayloadAction<QuestionLevel>) => {
          const index = state.levels.findIndex((l) => l.id === action.payload.id);
          if (index !== -1) {
            state.levels[index] = action.payload;
          }
          state.loading = false;
          state.error = null;
          message.success('Question level updated successfully');
        },
      )
      .addCase(
        updateQuestionLevel.rejected,
        (state: Draft<QuestionLevelState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(deleteQuestionLevel.pending, (state: Draft<QuestionLevelState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        deleteQuestionLevel.fulfilled,
        (state: Draft<QuestionLevelState>, action: PayloadAction<DeleteQuestionLevelPayload>) => {
          state.levels = state.levels.filter((l) => l.id !== action.payload.id);
          state.loading = false;
          message.success(action.payload.message);
        },
      )
      .addCase(
        deleteQuestionLevel.rejected,
        (state: Draft<QuestionLevelState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );
  },
});

export default QuestionLevelsSlice;
export type { QuestionLevelState };