const response = await fetch("/api/todos", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    title: "เรียน Fetch API",
    completed: false,
  }),
});

async function createTodo(title) {
  const response = await fetch(
    "https://jsonplaceholder.typicode.com/todos",
    {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        userId: 1,
        title: title,
        completed: false,
      }),
    }
  );

  if (!response.ok) {
    throw new Error("สร้าง todo ไม่สำเร็จ");
  }

  const newTodo = await response.json();
  console.log("id:", newTodo.id);
  console.log("title:", newTodo.title);
}

createTodo("เรียนรู้ Fetch API");

async function replaceTodo(id, todo) {
  const response = await fetch(
    `https://jsonplaceholder.typicode.com/todos/${id}`,
    {
      method: "PUT",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(todo),
    }
  );

  if (!response.ok) {
    throw new Error("แทนที่ todo ไม่สำเร็จ");
  }

  return response.json();
}

async function patchTodo(id, partialTodo) {
  const response = await fetch(
    `https://jsonplaceholder.typicode.com/todos/${id}`,
    {
      method: "PATCH",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(partialTodo),
    }
  );

  if (!response.ok) {
    throw new Error("แก้ไข todo ไม่สำเร็จ");
  }

  return response.json();
}