import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  AppraisalSubmissionField,
  AppraisalSubmissionFieldResponse,
  CreateAppraisalSubmissionFieldPayload,
  DeleteAppraisalSubmissionFieldPayload,
  PaginatedAppraisalSubmissionFields,
} from '@/interface/AppraisalSubmissionField';
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 { AppraisalSubmissionFieldActions } from './actionTypes';
import { PaginationLinks, PaginationMeta } from '@/interface/Paginated';

interface AppraisalSubmissionFieldState {
  appraisalSubmissionFields: AppraisalSubmissionField[];
  links?: PaginationLinks;
  meta?: PaginationMeta;
  loading: boolean;
  error: string | null;
}

const initialState: AppraisalSubmissionFieldState = {
  appraisalSubmissionFields: [],
  loading: false,
  error: null,
};

export const fetchAppraisalSubmissionFields = createAsyncThunk(
  AppraisalSubmissionFieldActions.FETCH_APPRAISAL_SUBMISSION_FIELD_REQUEST,
  async () => {
    const response = (await apiGet('/appraisal-submission-fields?with=appraisalSubmission,appraisalPromptField')) as AxiosResponse<PaginatedAppraisalSubmissionFields>;
    return response.data;
  },
);

export const createAppraisalSubmissionField = createAsyncThunk(
  AppraisalSubmissionFieldActions.CREATE_APPRAISAL_SUBMISSION_FIELD_REQUEST,
  async (payload: CreateAppraisalSubmissionFieldPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/appraisal-submission-fields', payload)) as AxiosResponse<AppraisalSubmissionFieldResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateAppraisalSubmissionField = createAsyncThunk(
  AppraisalSubmissionFieldActions.UPDATE_APPRAISAL_SUBMISSION_FIELD_REQUEST,
  async (payload: CreateAppraisalSubmissionFieldPayload & { id: string }, { rejectWithValue }) => {
    try {
      const response = (await apiPut(`/appraisal-submission-fields/${payload.id}`, payload)) as AxiosResponse<AppraisalSubmissionFieldResponse>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteAppraisalSubmissionField = createAsyncThunk(
  AppraisalSubmissionFieldActions.DELETE_APPRAISAL_SUBMISSION_FIELD_REQUEST,
  async (payload: string) => {
    const response = (await apiDelete(`/appraisal-submission-fields/${payload}`)) as AxiosResponse<DeleteAppraisalSubmissionFieldPayload>;
    const responseData = response.data;
    responseData.id = payload;
    return responseData;
  },
);

export const AppraisalSubmissionFieldSlice = createSlice({
  name: 'appraisalSubmissionFields',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchAppraisalSubmissionFields.pending, (state: Draft<AppraisalSubmissionFieldState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchAppraisalSubmissionFields.fulfilled,
        (state: Draft<AppraisalSubmissionFieldState>, action: PayloadAction<AppraisalSubmissionField[] | PaginatedAppraisalSubmissionFields>) => {
          if (Array.isArray(action.payload)) {
            state.appraisalSubmissionFields = action.payload;
            state.meta = undefined;
            state.links = undefined;
          } else {
            state.appraisalSubmissionFields = action.payload.data;
            state.meta = action.payload.meta;
            state.links = action.payload.links;
          }
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchAppraisalSubmissionFields.rejected, (state: Draft<AppraisalSubmissionFieldState>, action: RejectedActionPayload) => {
        state.loading = false;
        message.error(Helpers.handleServerError(action.payload), 8);
      });

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

    builder
      .addCase(updateAppraisalSubmissionField.pending, (state: Draft<AppraisalSubmissionFieldState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        updateAppraisalSubmissionField.fulfilled,
        (state: Draft<AppraisalSubmissionFieldState>, action: PayloadAction<AppraisalSubmissionField>) => {
          state.loading = false;
          state.error = null;
          message.success('Successfully updated Appraisal Submission Field', 10);
        },
      )
      .addCase(
        updateAppraisalSubmissionField.rejected,
        (state: Draft<AppraisalSubmissionFieldState>, action: RejectedActionPayload) => {
          state.loading = false;
          message.error(Helpers.handleServerError(action.payload), 10);
        },
      );

    builder
      .addCase(deleteAppraisalSubmissionField.pending, (state: Draft<AppraisalSubmissionFieldState>) => {})
      .addCase(
        deleteAppraisalSubmissionField.fulfilled,
        (state: Draft<AppraisalSubmissionFieldState>, action: PayloadAction<DeleteAppraisalSubmissionFieldPayload>) => {
          state.appraisalSubmissionFields = state.appraisalSubmissionFields.filter((u) => u.id !== action.payload.id);
          message.success(action.payload.message, 10);
        },
      )
      .addCase(deleteAppraisalSubmissionField.rejected, (state: Draft<AppraisalSubmissionFieldState>, action: RejectedActionPayload) => {
        message.error(Helpers.handleServerError(action.payload), 8);
      });
  },
});

export default AppraisalSubmissionFieldSlice;
export type { AppraisalSubmissionFieldState };