import {
  CreatePensionPoolPayload,
  PensionPool,
  UpdatePensionPoolPayload,
} from '@/interface/PensionConfig';
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 { PensionPoolsActions } from './actionTypes';

interface PensionPoolsState {
  pensionPools: PensionPool[];
  loading: boolean;
  error: string | null;
}

const initialState: PensionPoolsState = {
  pensionPools: [],
  loading: false,
  error: null,
};

export const fetchPensionPools = createAsyncThunk(
  PensionPoolsActions.FETCH_PENSION_POOLS_REQUEST,
  async (params?: { country_code?: string; active?: boolean }, { rejectWithValue }) => {
    try {
      const queryParams = new URLSearchParams();
      if (params?.country_code) queryParams.append('country_code', params.country_code);
      if (params?.active !== undefined) queryParams.append('active', params.active ? '1' : '0');
      queryParams.append('per_page', '200');
      const query = queryParams.toString() ? `?${queryParams.toString()}` : '';

      const response = (await apiGet(`/payroll/pension-pools${query}`)) as AxiosResponse<
        PensionPool[] | { data: PensionPool[] }
      >;

      return Array.isArray(response.data) ? response.data : response.data.data || [];
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const createPensionPool = createAsyncThunk(
  PensionPoolsActions.CREATE_PENSION_POOL_REQUEST,
  async (payload: CreatePensionPoolPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/payroll/pension-pools', payload)) as AxiosResponse<{
        data: PensionPool;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updatePensionPool = createAsyncThunk(
  PensionPoolsActions.UPDATE_PENSION_POOL_REQUEST,
  async (payload: UpdatePensionPoolPayload, { rejectWithValue }) => {
    try {
      const { id, ...data } = payload;
      const response = (await apiPut(`/payroll/pension-pools/${id}`, data)) as AxiosResponse<{
        data: PensionPool;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deletePensionPool = createAsyncThunk(
  PensionPoolsActions.DELETE_PENSION_POOL_REQUEST,
  async (id: string, { rejectWithValue }) => {
    try {
      await apiDelete(`/payroll/pension-pools/${id}`);
      return id;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const PensionPoolsSlice = createSlice({
  name: 'pensionPools',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchPensionPools.pending, (state: Draft<PensionPoolsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchPensionPools.fulfilled,
        (state: Draft<PensionPoolsState>, action: PayloadAction<PensionPool[]>) => {
          state.pensionPools = action.payload;
          state.loading = false;
          state.error = null;
        },
      )
      .addCase(fetchPensionPools.rejected, (state: Draft<PensionPoolsState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = Helpers.handleServerError(action.payload);
        message.error(state.error, 10);
      });

    builder
      .addCase(createPensionPool.pending, (state: Draft<PensionPoolsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        createPensionPool.fulfilled,
        (state: Draft<PensionPoolsState>, action: PayloadAction<PensionPool>) => {
          state.pensionPools.unshift(action.payload);
          state.loading = false;
          state.error = null;
          message.success('Pension pool created successfully');
        },
      )
      .addCase(createPensionPool.rejected, (state: Draft<PensionPoolsState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = Helpers.handleServerError(action.payload);
        message.error(state.error, 10);
      });

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

    builder
      .addCase(deletePensionPool.pending, (state: Draft<PensionPoolsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(deletePensionPool.fulfilled, (state: Draft<PensionPoolsState>, action: PayloadAction<string>) => {
        state.pensionPools = state.pensionPools.filter((pool) => pool.id !== action.payload);
        state.loading = false;
        state.error = null;
        message.success('Pension pool deleted successfully');
      })
      .addCase(deletePensionPool.rejected, (state: Draft<PensionPoolsState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = Helpers.handleServerError(action.payload);
        message.error(state.error, 10);
      });
  },
});

export default PensionPoolsSlice;
export type { PensionPoolsState };