import { apiClient } from '@/services/apiClient.js'

export const useMerchImagesApi = () => {
  const uploadImage = async (uuid, file) => {
    const formData = new FormData()
    formData.append('file', file)
    formData.append('imageType', 'all')

    try {
      const response = await apiClient.post(`/merch/images/${uuid}`, formData)

      if (response.status !== 200) {
        throw new Error(`Upload failed: ${response.status}`)
      }

      return response.data
    } catch (error) {
      console.error('Upload failed:', error)
      throw error
    }
  }

  const getImageUrl = async (uuid, type) => {
    try {
      const response = await apiClient.get(`/merch/images/${uuid}`, { type })
      console.log(response.data.link)

      if (response.status !== 200) {
        throw new Error(`Get image failed: ${response.status}`)
      }

      return response.data.link
    } catch (error) {
      console.error('Get image failed:', error)
      throw error
    }
  }

  const deleteImage = async (uuid) => {
    try {
      const response = await apiClient.delete(`/merch/images/${uuid}`)

      if (response.status !== 200) {
        throw new Error(`Delete failed: ${response.status}`)
      }

      return true
    } catch (error) {
      console.error('Delete image failed:', error)
      throw error
    }
  }

  return {
    uploadImage,
    getImageUrl,
    deleteImage,
  }
}