import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  Question,
  CreateQuestionPayload,
  UpdateQuestionPayload,
  DeleteQuestionPayload,
  ImportQuestionsResult,
  PaginationMeta,
} from '@/interface/Assessment';
import Helpers from '@/utilities/Helpers';
import { createAsyncThunk, createSlice, Draft, PayloadAction } from '@reduxjs/toolkit';
import { message } from 'antd';
import { QuestionsActions } from './actionTypes';
import { apiDelete, apiGet, apiPost, apiPut } from '@/services/api/api';
import axios, { AxiosResponse } from 'axios';

interface QuestionsState {
  questions: Question[];
  meta: PaginationMeta | null;
  loading: boolean;
  error: string | null;
}

const initialState: QuestionsState = {
  questions: [],
  meta: null,
  loading: false,
  error: null,
};

export const fetchQuestions = createAsyncThunk(
  QuestionsActions.FETCH_QUESTIONS_REQUEST,
  async (params?: {
    category_id?: string;
    level_id?: string;
    type?: string;
    search?: string;
    page?: number;
    per_page?: number;
  }) => {
    const queryParams = new URLSearchParams();
    if (params?.category_id) queryParams.append('category_id', params.category_id);
    if (params?.level_id) queryParams.append('level_id', params.level_id);
    if (params?.type) queryParams.append('type', params.type);
    if (params?.search) queryParams.append('search', params.search);
    if (params?.page) queryParams.append('page', params.page.toString());
    if (params?.per_page) queryParams.append('per_page', params.per_page.toString());
    const query = queryParams.toString() ? `?${queryParams.toString()}` : '';
    const response = (await apiGet(`/assessment/questions${query}`)) as AxiosResponse<{
      data: Question[];
      meta: PaginationMeta;
    }>;
    return response.data;
  },
);

export const createQuestion = createAsyncThunk(
  QuestionsActions.CREATE_QUESTION_REQUEST,
  async (payload: CreateQuestionPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/assessment/questions', payload)) as AxiosResponse<{
        data: Question;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateQuestion = createAsyncThunk(
  QuestionsActions.UPDATE_QUESTION_REQUEST,
  async (payload: UpdateQuestionPayload, { rejectWithValue }) => {
    try {
      const { id, ...data } = payload;
      const response = (await apiPut(`/assessment/questions/${id}`, data)) as AxiosResponse<{
        data: Question;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteQuestion = createAsyncThunk(
  QuestionsActions.DELETE_QUESTION_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiDelete(
        `/assessment/questions/${id}`,
      )) as AxiosResponse<DeleteQuestionPayload>;
      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 importQuestions = createAsyncThunk(
  QuestionsActions.IMPORT_QUESTIONS_REQUEST,
  async (
    payload: { file: File; category_id: string; level_id: string },
    { rejectWithValue },
  ) => {
    try {
      const formData = new FormData();
      formData.append('file', payload.file);
      formData.append('category_id', payload.category_id);
      formData.append('level_id', payload.level_id);
      const response = (await apiPost('/assessment/questions/import', formData, {
        headers: { 'Content-Type': 'multipart/form-data' },
      })) as AxiosResponse<{ data: ImportQuestionsResult }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const QuestionsSlice = createSlice({
  name: 'questions',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchQuestions.pending, (state: Draft<QuestionsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchQuestions.fulfilled,
        (
          state: Draft<QuestionsState>,
          action: PayloadAction<{ data: Question[]; meta: PaginationMeta }>,
        ) => {
          state.questions = action.payload.data;
          state.meta = action.payload.meta;
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchQuestions.rejected, (state: Draft<QuestionsState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = 'Failed to load questions';
        message.error(Helpers.handleServerError(action.payload), 8);
      });

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

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

    builder
      .addCase(deleteQuestion.pending, (state: Draft<QuestionsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        deleteQuestion.fulfilled,
        (state: Draft<QuestionsState>, action: PayloadAction<DeleteQuestionPayload>) => {
          state.questions = state.questions.filter((q) => q.id !== action.payload.id);
          state.loading = false;
          message.success(action.payload.message);
        },
      )
      .addCase(
        deleteQuestion.rejected,
        (state: Draft<QuestionsState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(importQuestions.pending, (state: Draft<QuestionsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(importQuestions.fulfilled, (state: Draft<QuestionsState>) => {
        state.loading = false;
        state.error = null;
      })
      .addCase(
        importQuestions.rejected,
        (state: Draft<QuestionsState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );
  },
});

export default QuestionsSlice;
export type { QuestionsState };