import { StorageEnum } from '@/types';
import { setItem } from '@/utils/storage';
import axios, {
  AxiosError,
  AxiosRequestConfig,
  AxiosResponse,
  InternalAxiosRequestConfig,
} from 'axios';
import Cookies from 'js-cookie';

const token = Cookies.get('token') || '';

const axiosInstance = axios.create({
  baseURL: 'https://pumpup-api.devstree.in/api/v1',
  timeout: 50000,
  headers: { 'Content-Type': 'application/json;charset=utf-8' },
});

// Define a general API response structure
interface ApiResponse<T> {
  statusCode: number;
  error: boolean;
  message?: string;
  data: T;
}

axiosInstance.interceptors.request.use(
  (config: InternalAxiosRequestConfig) => {
    config.headers.Authorization = `Bearer ${token}`;
    if (config.data instanceof FormData) {
      config.headers['Content-Type'] = 'multipart/form-data';
    } else if (config.data) {
      config.headers['Content-Type'] = 'application/json;charset=utf-8';
    }
    return config;
  },
  (error: AxiosError) => Promise.reject(error)
);

axiosInstance.interceptors.response.use(
  <T>(res: AxiosResponse<ApiResponse<T>>) => {
    if (!res.data) throw new Error('Error in response');
    const { statusCode, error } = res.data;
    const hasSuccess = (statusCode === 200 || statusCode === 201) && error === false;
    if (hasSuccess) {
      // The data is already intact, no need to reassign
      return res;
    }
    throw new Error(res.data.message || 'Unknown API error');
  },
  (error: AxiosError) => {
    const status = error.response?.status;
    if (status === 401) {
      setItem(StorageEnum.TOKEN, null);
      window.localStorage.clear();
      Cookies.remove('token');
    }
    return Promise.reject(error);
  }
);

class Instance {
  get<T>(config: AxiosRequestConfig): Promise<ApiResponse<T>> {
    return this.request<ApiResponse<T>>({ ...config, method: 'GET' });
  }

  post<T>(config: AxiosRequestConfig): Promise<ApiResponse<T>> {
    return this.request<ApiResponse<T>>({ ...config, method: 'POST' });
  }

  put<T>(config: AxiosRequestConfig): Promise<ApiResponse<T>> {
    return this.request<ApiResponse<T>>({ ...config, method: 'PUT' });
  }

  patch<T>(config: AxiosRequestConfig): Promise<ApiResponse<T>> {
    return this.request<ApiResponse<T>>({ ...config, method: 'PATCH' });
  }

  delete<T>(config: AxiosRequestConfig): Promise<ApiResponse<T>> {
    return this.request<ApiResponse<T>>({ ...config, method: 'DELETE' });
  }

  request<T>(config: AxiosRequestConfig): Promise<T> {
    return axiosInstance.request<T>(config).then((res) => res.data);
  }
}

export default new Instance();