export const getRecipes = async () => {
  const response = await fetch("/backend/recipes");
  const data = await response.json();
  return data;
};

export const getRecipeSteps = async () => {
  const response = await fetch("/backend/recipe-steps");
  const data = await response.json();
  return data;
};

export const getRecipeIngredients = async () => {
  const response = await fetch("/backend/recipe-ingredients");
  const data = await response.json();
  return data;
};

export const getRecipeById = async (id) => {
  const response = await fetch(`/backend/recipe/${id}`);
  const data = await response.json();
  return data;
};

export const addRecipe = async (recipeData) => {
  console.log(JSON.stringify(recipeData));
  // return
  const response = await fetch("/backend/add-recipe", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(recipeData),
  });
  const data = await response.json();
  console.log(data);
  return data;
};

export const setDBStars = async (id, stars) => {
  console.log(JSON.stringify({ id: id, stars: stars }));
  // return
  const response = await fetch("/backend/set-stars", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ id: id, stars: stars }),
  });
  const data = await response.json();
  console.log(data);
  return data;
};

export const deleteRecipe = async (id) => {
  console.log(id);
  // return
  const response = await fetch("/backend/delete-recipe", {
    method: "DELETE",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ id }),
  });
  const data = await response.json();
  return data;
};