import {
  CreateQualificationPayload,
  DeleteQualificationPayload,
  DeleteQualificationResponse,
  Qualification,
  UpdateQualificationPayload,
  UploadQualificationDocumentResponse,
} from '@/interface/Qualification';
import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
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 { QualificationActions } from './actionTypes';

interface QualificationState {
  qualifications: Qualification[];
  qualificationTypes: any;
  loading: boolean;
  error: string | null;
  loadingQualificationTypes: boolean;
  deleting: boolean;
  uploadingDocument: boolean;
}

const initialState: QualificationState = {
  qualifications: [],
  loading: false,
  error: null,
  qualificationTypes: undefined,
  loadingQualificationTypes: false,
  deleting: false,
  uploadingDocument: false,
};

export const fetchQualifications = createAsyncThunk(
  QualificationActions.FETCH_QUALIFICATIONS_REQUEST,
  async (payload: string) => {
    const response = (await apiGet(
      `/hr/employees/${payload}/qualifications`,
    )) as AxiosResponse<Qualification[]>;
    return response.data;
  },
);

export const createQualification = createAsyncThunk(
  QualificationActions.CREATE_QUALIFICATION_REQUEST,
  async (payload: FormData, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/hr/employees/${payload.get('employee_id')}/qualifications`,
        payload,
        {
          headers: {
            'Content-Type': 'multipart/form-data',
          },
        },
      )) as AxiosResponse<Qualification>;
      return response.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateQualification = createAsyncThunk(
  QualificationActions.UPDATE_QUALIFICATION_REQUEST,
  async (payload: UpdateQualificationPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPut(
        `/hr/employees/${payload.employee_id}/qualifications/${payload.id}`,
        payload,
      )) as AxiosResponse<Qualification>;
      return response.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteQualification = createAsyncThunk(
  QualificationActions.DELETE_QUALIFICATION_REQUEST,
  async (payload: DeleteQualificationPayload) => {
    const response = (await apiDelete(
      `/hr/employees/${payload.employee_id}/qualifications/${payload.qualification_id}`,
    )) as AxiosResponse<DeleteQualificationResponse>;
    const responseData = response.data;
    responseData.id = payload.qualification_id;
    return responseData;
  },
);

export const fetchQualificationTypes = createAsyncThunk(
  QualificationActions.FETCH_QUALIFICATION_TYPES_REQUEST,
  async () => {
    const response = (await apiGet(
      '/hr/employees/qualifications/qualification-types',
    )) as AxiosResponse<any>;
    return response.data;
  },
);

export const uploadQualificationDocument = createAsyncThunk(
  QualificationActions.UPLOAD_DOCUMENT_REQUEST,
  async (payload: FormData, { rejectWithValue }) => {
    try {
      const response = (await apiPost(
        `/hr/employees/${payload.get('employee_id')}/qualifications/${payload.get('qualification_id')}/update-document`,
        payload,
        {
          headers: {
            'Content-Type': 'multipart/form-data',
          },
        },
      )) as AxiosResponse<UploadQualificationDocumentResponse>;

      const qualificationId = payload.get('qualification_id') as string | null;
      response.data.qualification_id = qualificationId;
      return response.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const QualificationSlice = createSlice({
  name: 'qualifications',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchQualifications.pending, (state: Draft<QualificationState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchQualifications.fulfilled,
        (state: Draft<QualificationState>, action: PayloadAction<Qualification[]>) => {
          state.qualifications = action.payload;
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchQualifications.rejected, (state: Draft<QualificationState>) => {
        state.loading = false;
        message.error(
          'Failed to load Qualifications. Please try again or contact support if the issue persists',
        );
      });

    builder
      .addCase(createQualification.pending, (state: Draft<QualificationState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        createQualification.fulfilled,
        (state: Draft<QualificationState>, action: PayloadAction<Qualification>) => {
          state.qualifications.unshift(action.payload);
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(
        createQualification.rejected,
        (state: Draft<QualificationState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(updateQualification.pending, (state: Draft<QualificationState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        updateQualification.fulfilled,
        (state: Draft<QualificationState>) => {
          state.loading = false;
          state.error = null;
          message.success('Successfully updated Qualification', 10);
        },
      )
      .addCase(
        updateQualification.rejected,
        (state: Draft<QualificationState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(deleteQualification.pending, (state: Draft<QualificationState>) => {
        state.deleting = true;
        state.error = null;
      })
      .addCase(
        deleteQualification.fulfilled,
        (
          state: Draft<QualificationState>,
          action: PayloadAction<DeleteQualificationResponse>,
        ) => {
          state.qualifications = state.qualifications.filter(
            (qualification) => qualification.id !== action.payload.id,
          );
          state.deleting = false;
          state.error = null;
          message.success(action.payload.message, 10);
        },
      )
      .addCase(deleteQualification.rejected, (state: Draft<QualificationState>, action) => {
        state.error = action.error.message!;
        state.deleting = false;
        message.error(
          'Failed to delete Qualification. Please try again or contact support',
          10,
        );
      });

    builder
      .addCase(fetchQualificationTypes.pending, (state: Draft<QualificationState>) => {
        state.loadingQualificationTypes = true;
        state.error = null;
      })
      .addCase(
        fetchQualificationTypes.fulfilled,
        (state: Draft<QualificationState>, action: PayloadAction<any>) => {
          state.qualificationTypes = action.payload;
          state.error = null;
          state.loadingQualificationTypes = false;
        },
      )
      .addCase(fetchQualificationTypes.rejected, (state: Draft<QualificationState>) => {
        state.loadingQualificationTypes = false;
        message.error(
          'Failed to load Qualification Types. Please try again or contact support if the issue persists',
        );
      });

    builder
      .addCase(uploadQualificationDocument.pending, (state: Draft<QualificationState>) => {
        state.uploadingDocument = true;
        state.error = null;
      })
      .addCase(
        uploadQualificationDocument.fulfilled,
        (
          state: Draft<QualificationState>,
          action: PayloadAction<UploadQualificationDocumentResponse>,
        ) => {
          const { qualification_id, path } = action.payload;
          const relatedQualification = state.qualifications.find(
            (qualification) => qualification.id === qualification_id,
          );
          if (relatedQualification) {
            relatedQualification.document_path = path;
          }
          state.error = null;
          state.uploadingDocument = false;
          message.success(action.payload.message);
        },
      )
      .addCase(
        uploadQualificationDocument.rejected,
        (state: Draft<QualificationState>, action: RejectedActionPayload) => {
          state.uploadingDocument = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );
  },
});

export default QualificationSlice;
export type { QualificationState };