import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  TrainingCategory,
  CreateTrainingCategoryPayload,
  UpdateTrainingCategoryPayload,
  DeleteTrainingCategoryPayload,
} from '@/interface/Training';
import Helpers from '@/utilities/Helpers';
import { createAsyncThunk, createSlice, Draft, PayloadAction } from '@reduxjs/toolkit';
import { message } from 'antd';
import { TrainingCategoriesActions } from './actionTypes';
import { apiDelete, apiGet, apiPost, apiPut } from '@/services/api/api';
import axios, { AxiosResponse } from 'axios';

interface TrainingCategoryState {
  categories: TrainingCategory[];
  loading: boolean;
  error: string | null;
}

const initialState: TrainingCategoryState = {
  categories: [],
  loading: false,
  error: null,
};

export const fetchTrainingCategories = createAsyncThunk(
  TrainingCategoriesActions.FETCH_TRAINING_CATEGORIES_REQUEST,
  async (params?: { active?: boolean; search?: string }) => {
    const queryParams = new URLSearchParams();
    if (params?.active !== undefined) queryParams.append('active', String(params.active));
    if (params?.search) queryParams.append('search', params.search);
    const query = queryParams.toString() ? `?${queryParams.toString()}` : '';
    const response = (await apiGet(`/training/categories${query}`)) as AxiosResponse<
      TrainingCategory[]
    >;
    return response.data;
  },
);

export const createTrainingCategory = createAsyncThunk(
  TrainingCategoriesActions.CREATE_TRAINING_CATEGORY_REQUEST,
  async (payload: CreateTrainingCategoryPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        '/training/categories',
        payload,
      )) as AxiosResponse<{ data: TrainingCategory }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateTrainingCategory = createAsyncThunk(
  TrainingCategoriesActions.UPDATE_TRAINING_CATEGORY_REQUEST,
  async (payload: UpdateTrainingCategoryPayload, { rejectWithValue }) => {
    try {
      const { id, ...data } = payload;
      const response = (await apiPut(
        `/training/categories/${id}`,
        data,
      )) as AxiosResponse<{ data: TrainingCategory }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteTrainingCategory = createAsyncThunk(
  TrainingCategoriesActions.DELETE_TRAINING_CATEGORY_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      const response = (await apiDelete(
        `/training/categories/${id}`,
      )) as AxiosResponse<DeleteTrainingCategoryPayload>;
      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 TrainingCategoriesSlice = createSlice({
  name: 'trainingCategories',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchTrainingCategories.pending, (state: Draft<TrainingCategoryState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchTrainingCategories.fulfilled,
        (state: Draft<TrainingCategoryState>, action: PayloadAction<TrainingCategory[]>) => {
          state.categories = action.payload;
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchTrainingCategories.rejected, (state: Draft<TrainingCategoryState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = 'Failed to load training categories';
        message.error(Helpers.handleServerError(action.payload), 8);
      });

    builder
      .addCase(createTrainingCategory.pending, (state: Draft<TrainingCategoryState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        createTrainingCategory.fulfilled,
        (state: Draft<TrainingCategoryState>, action: PayloadAction<TrainingCategory>) => {
          state.categories.unshift(action.payload);
          state.error = null;
          state.loading = false;
          message.success('Training category created successfully');
        },
      )
      .addCase(
        createTrainingCategory.rejected,
        (state: Draft<TrainingCategoryState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(updateTrainingCategory.pending, (state: Draft<TrainingCategoryState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        updateTrainingCategory.fulfilled,
        (state: Draft<TrainingCategoryState>, action: PayloadAction<TrainingCategory>) => {
          const index = state.categories.findIndex((c) => c.id === action.payload.id);
          if (index !== -1) {
            state.categories[index] = action.payload;
          }
          state.loading = false;
          state.error = null;
          message.success('Training category updated successfully');
        },
      )
      .addCase(
        updateTrainingCategory.rejected,
        (state: Draft<TrainingCategoryState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(deleteTrainingCategory.pending, (state: Draft<TrainingCategoryState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        deleteTrainingCategory.fulfilled,
        (
          state: Draft<TrainingCategoryState>,
          action: PayloadAction<DeleteTrainingCategoryPayload>,
        ) => {
          state.categories = state.categories.filter((c) => c.id !== action.payload.id);
          state.loading = false;
          message.success(action.payload.message);
        },
      )
      .addCase(
        deleteTrainingCategory.rejected,
        (state: Draft<TrainingCategoryState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );
  },
});

export default TrainingCategoriesSlice;
export type { TrainingCategoryState };