import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import { PayrollSetting, UpdatePayrollSettingsPayload } from '@/interface/PayrollSetting';
import Helpers from '@/utilities/Helpers';
import { createAsyncThunk, createSlice, Draft, PayloadAction } from '@reduxjs/toolkit';
import { message } from 'antd';
import { PayrollSettingsActions } from './actionTypes';
import { apiGet, apiPut } from '@/services/api/api';
import axios, { AxiosResponse } from 'axios';

interface PayrollSettingState {
  settings: PayrollSetting[];
  loading: boolean;
  error: string | null;
}

const initialState: PayrollSettingState = {
  settings: [],
  loading: false,
  error: null,
};

export const fetchPayrollSettings = createAsyncThunk(
  PayrollSettingsActions.FETCH_PAYROLL_SETTINGS_REQUEST,
  async (params?: { group?: string }) => {
    const queryParams = new URLSearchParams();
    if (params?.group) queryParams.append('group', params.group);
    const query = queryParams.toString() ? `?${queryParams.toString()}` : '';
    const response = (await apiGet(`/payroll/settings${query}`)) as AxiosResponse<
      PayrollSetting[]
    >;
    return response.data;
  },
);

export const updatePayrollSettings = createAsyncThunk(
  PayrollSettingsActions.UPDATE_PAYROLL_SETTINGS_REQUEST,
  async (payload: UpdatePayrollSettingsPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPut(
        '/payroll/settings',
        payload,
      )) as AxiosResponse<{ message: string }>;
      return response.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const PayrollSettingsSlice = createSlice({
  name: 'payrollSettings',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchPayrollSettings.pending, (state: Draft<PayrollSettingState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchPayrollSettings.fulfilled,
        (state: Draft<PayrollSettingState>, action: PayloadAction<PayrollSetting[]>) => {
          state.settings = action.payload;
          state.error = null;
          state.loading = false;
        },
      )
      .addCase(fetchPayrollSettings.rejected, (state: Draft<PayrollSettingState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = 'Failed to load payroll settings';
        message.error(Helpers.handleServerError(action.payload), 8);
      });

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

export default PayrollSettingsSlice;
export type { PayrollSettingState };