const fetchUserData = async (userId) => {
  try {
    const response = await axios.get(`/api/users/${userId}`);
    return response.data;
  } catch (error) {
    if (error.response) {
      // Server responded with error status
      console.error('Server Error:', error.response.status);
      throw new Error(`Failed to fetch user: ${error.response.status}`);
    } else if (error.request) {
      // Request made but no response received
      console.error('Network Error: No response received');
      throw new Error('Network error occurred');
    } else {
      // Something went wrong in request setup
      console.error('Request Error:', error.message);
      throw new Error('Failed to make request');
    }
  }
};

axios.interceptors.response.use(
  response => response,
  error => {
    if (error.response?.status === 404) {
      // Handle 404 errors globally
      console.error('Resource not found');
    } else if (error.response?.status === 401) {
      // Handle authentication errors
      console.error('Authentication failed');
    }
    return Promise.reject(error);
  }
);

const handleAxiosError = (error) => {
  if (axios.isAxiosError(error)) {
    const status = error.response?.status;
    const message = error.response?.data?.message || error.message;

    switch (status) {
      case 400:
        return 'Invalid request. Please check your data.';
      case 401:
        return 'Please login to continue.';
      case 403:
        return 'You don't have permission to access this resource.';
      case 404:
        return 'The requested resource was not found.';
      case 500:
        return 'An internal server error occurred. Please try again later.';
      default:
        return `An error occurred: ${message}`;
    }
  }
  return 'An unexpected error occurred';
};