import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import {
  CreateSalaryBandPayload,
  DeleteSalaryBandPayload,
  SalaryBand,
  SalaryBandListResponse,
  UpdateSalaryBandPayload,
} from '@/interface/SalaryBand';
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 { SalaryBandsActions } from './actionTypes';

interface SalaryBandsState {
  salaryBands: SalaryBand[];
  loading: boolean;
  error: string | null;
}

const initialState: SalaryBandsState = {
  salaryBands: [],
  loading: false,
  error: null,
};

export const fetchSalaryBands = createAsyncThunk(
  SalaryBandsActions.FETCH_SALARY_BANDS_REQUEST,
  async (
    params?: {
      salary_grade_id?: string;
      active?: boolean;
      search?: string;
      per_page?: number;
    },
    { rejectWithValue },
  ) => {
    try {
      const queryParams = new URLSearchParams();

      if (params?.salary_grade_id) queryParams.append('salary_grade_id', params.salary_grade_id);
      if (params?.active !== undefined) queryParams.append('active', params.active ? '1' : '0');
      if (params?.search) queryParams.append('search', params.search);
      queryParams.append('per_page', String(params?.per_page || 200));

      const query = queryParams.toString() ? `?${queryParams.toString()}` : '';

      const response = (await apiGet(`/payroll/salary-bands${query}`)) as AxiosResponse<
        SalaryBandListResponse | SalaryBand[]
      >;

      if (Array.isArray(response.data)) {
        return response.data;
      }

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

export const createSalaryBand = createAsyncThunk(
  SalaryBandsActions.CREATE_SALARY_BAND_REQUEST,
  async (payload: CreateSalaryBandPayload, { rejectWithValue }) => {
    try {
      const response = (await apiPost('/payroll/salary-bands', payload)) as AxiosResponse<{
        data: SalaryBand;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const updateSalaryBand = createAsyncThunk(
  SalaryBandsActions.UPDATE_SALARY_BAND_REQUEST,
  async (payload: UpdateSalaryBandPayload, { rejectWithValue }) => {
    try {
      const { id, ...data } = payload;
      const response = (await apiPut(`/payroll/salary-bands/${id}`, data)) as AxiosResponse<{
        data: SalaryBand;
      }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const deleteSalaryBand = createAsyncThunk(
  SalaryBandsActions.DELETE_SALARY_BAND_REQUEST,
  async (id: string) => {
    const response = (await apiDelete(`/payroll/salary-bands/${id}`)) as AxiosResponse<DeleteSalaryBandPayload>;
    const responseData = response.data;
    responseData.id = id;
    return responseData;
  },
);

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

    builder
      .addCase(createSalaryBand.pending, (state: Draft<SalaryBandsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        createSalaryBand.fulfilled,
        (state: Draft<SalaryBandsState>, action: PayloadAction<SalaryBand>) => {
          state.salaryBands.unshift(action.payload);
          state.loading = false;
          state.error = null;
          message.success('Salary band created successfully');
        },
      )
      .addCase(createSalaryBand.rejected, (state: Draft<SalaryBandsState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = Helpers.handleServerError(action.payload);
        message.error(state.error, 10);
      });

    builder
      .addCase(updateSalaryBand.pending, (state: Draft<SalaryBandsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        updateSalaryBand.fulfilled,
        (state: Draft<SalaryBandsState>, action: PayloadAction<SalaryBand>) => {
          const index = state.salaryBands.findIndex((band) => band.id === action.payload.id);
          if (index !== -1) {
            state.salaryBands[index] = action.payload;
          }
          state.loading = false;
          state.error = null;
          message.success('Salary band updated successfully');
        },
      )
      .addCase(updateSalaryBand.rejected, (state: Draft<SalaryBandsState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = Helpers.handleServerError(action.payload);
        message.error(state.error, 10);
      });

    builder
      .addCase(deleteSalaryBand.pending, (state: Draft<SalaryBandsState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        deleteSalaryBand.fulfilled,
        (state: Draft<SalaryBandsState>, action: PayloadAction<DeleteSalaryBandPayload>) => {
          state.salaryBands = state.salaryBands.filter((band) => band.id !== action.payload.id);
          state.loading = false;
          state.error = null;
          message.success(action.payload.message || 'Salary band deleted successfully');
        },
      )
      .addCase(deleteSalaryBand.rejected, (state: Draft<SalaryBandsState>, action: RejectedActionPayload) => {
        state.loading = false;
        state.error = Helpers.handleServerError(action.payload);
        message.error(state.error, 10);
      });
  },
});

export default SalaryBandsSlice;