import {
  EmployeeDashboardData,
  ManagerDashboardData,
  OrganizationDashboardData,
  ExecutiveSummaryData,
} from '@/interface/PerformanceDashboard';
import { RejectedActionPayload, ServerErrorResponse } from '@/interface/Shared';
import { apiGet } 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 { PerformanceDashboardActions } from './actionTypes';

interface PerformanceDashboardState {
  employeeDashboard: EmployeeDashboardData | null;
  managerDashboard: ManagerDashboardData | null;
  organizationDashboard: OrganizationDashboardData | null;
  executiveSummary: ExecutiveSummaryData | null;
  loading: boolean;
  error: string | null;
}

const initialState: PerformanceDashboardState = {
  employeeDashboard: null,
  managerDashboard: null,
  organizationDashboard: null,
  executiveSummary: null,
  loading: false,
  error: null,
};

export const fetchEmployeeDashboard = createAsyncThunk(
  PerformanceDashboardActions.FETCH_EMPLOYEE_DASHBOARD,
  async (_, { rejectWithValue }) => {
    try {
      const response = (await apiGet(
        '/dashboard/employee',
      )) as AxiosResponse<{ data: EmployeeDashboardData }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const fetchManagerDashboard = createAsyncThunk(
  PerformanceDashboardActions.FETCH_MANAGER_DASHBOARD,
  async (_, { rejectWithValue }) => {
    try {
      const response = (await apiGet(
        '/dashboard/manager',
      )) as AxiosResponse<{ data: ManagerDashboardData }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const fetchOrganizationDashboard = createAsyncThunk(
  PerformanceDashboardActions.FETCH_ORGANIZATION_DASHBOARD,
  async (_, { rejectWithValue }) => {
    try {
      const response = (await apiGet(
        '/dashboard/organization',
      )) as AxiosResponse<{ data: OrganizationDashboardData }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const fetchExecutiveSummary = createAsyncThunk(
  PerformanceDashboardActions.FETCH_EXECUTIVE_SUMMARY,
  async (_, { rejectWithValue }) => {
    try {
      const response = (await apiGet(
        '/dashboard/executive',
      )) as AxiosResponse<{ data: ExecutiveSummaryData }>;
      return response.data.data;
    } catch (error) {
      if (axios.isAxiosError(error) && error.response) {
        return rejectWithValue(error.response.data as ServerErrorResponse);
      }
      throw error;
    }
  },
);

export const PerformanceDashboardSlice = createSlice({
  name: 'performanceDashboard',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder
      .addCase(fetchEmployeeDashboard.pending, (state: Draft<PerformanceDashboardState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchEmployeeDashboard.fulfilled,
        (state: Draft<PerformanceDashboardState>, action: PayloadAction<EmployeeDashboardData>) => {
          state.loading = false;
          state.employeeDashboard = action.payload;
          state.error = null;
        },
      )
      .addCase(
        fetchEmployeeDashboard.rejected,
        (state: Draft<PerformanceDashboardState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(state.error, 10);
        },
      )

      .addCase(fetchManagerDashboard.pending, (state: Draft<PerformanceDashboardState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchManagerDashboard.fulfilled,
        (state: Draft<PerformanceDashboardState>, action: PayloadAction<ManagerDashboardData>) => {
          state.loading = false;
          state.managerDashboard = action.payload;
          state.error = null;
        },
      )
      .addCase(
        fetchManagerDashboard.rejected,
        (state: Draft<PerformanceDashboardState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(state.error, 10);
        },
      )

      .addCase(fetchOrganizationDashboard.pending, (state: Draft<PerformanceDashboardState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchOrganizationDashboard.fulfilled,
        (
          state: Draft<PerformanceDashboardState>,
          action: PayloadAction<OrganizationDashboardData>,
        ) => {
          state.loading = false;
          state.organizationDashboard = action.payload;
          state.error = null;
        },
      )
      .addCase(
        fetchOrganizationDashboard.rejected,
        (state: Draft<PerformanceDashboardState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(state.error, 10);
        },
      )

      .addCase(fetchExecutiveSummary.pending, (state: Draft<PerformanceDashboardState>) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(
        fetchExecutiveSummary.fulfilled,
        (state: Draft<PerformanceDashboardState>, action: PayloadAction<ExecutiveSummaryData>) => {
          state.loading = false;
          state.executiveSummary = action.payload;
          state.error = null;
        },
      )
      .addCase(
        fetchExecutiveSummary.rejected,
        (state: Draft<PerformanceDashboardState>, action: RejectedActionPayload) => {
          state.loading = false;
          state.error = Helpers.handleServerError(action.payload);
          message.error(state.error, 10);
        },
      );
  },
});

export default PerformanceDashboardSlice;