import { API_BASE_URL } from "@/service/api-config";
import AsyncStorage from "@react-native-async-storage/async-storage";
import axios from "axios";

export async function uploadImageService({
  dirId,
  imageUri,
}: {
  dirId: string;
  imageUri: string | null;
}) {
  const token = await AsyncStorage.getItem("authToken");
  const url = `${API_BASE_URL}/mobile/upload`;

  console.log("url >>", url);

  if (!imageUri) {
    throw new Error("Harap pilih gambar terlebih dahulu");
  }

  try {
    const uri = imageUri;
    const filename = uri.split("/").pop();
    const match = /\.(\w+)$/.exec(filename || "");
    const type = match ? `image/${match[1]}` : "image";

    const formData = new FormData();
    // @ts-ignore: React Native tidak mengenal Blob secara langsung
    formData.append("file", {
      uri,
      name: filename,
      type,
    });
    formData.append("dirId", dirId);

    const response = await axios.post(url, formData, {
      headers: {
        "Content-Type": "multipart/form-data",
        Authorization: `Bearer ${token}`,
      },
      // timeout: 30000,
    });

    const { data } = response;

    if (!data.success) {
      throw new Error(data.message);
    }

    return data;
  } catch (error) {
    throw error;
  }
}