import { getSettings, updateSettings } from "../api.js";

export async function loadCommands() {
  const content = document.getElementById("content");
  const commandsHtml = await fetch("pages/commands.html").then((res) =>
    res.text()
  );
  content.innerHTML = commandsHtml;

  const settings = await getSettings();
  document.getElementById("commands-file").value =
    settings.commands.commands_file;

  // Предполагаем, что API возвращает список команд, но по docs — только файл. Для списка — заглушка.
  const commandsList = document.getElementById("commands-list");
  commandsList.innerHTML = '<p>"Turn on light"</p><p>"Play music"</p>'; // Заглушка, расширить если нужно

  document.getElementById("edit-btn").addEventListener("click", () => {
    alert("Edit mode"); // Логика редактирования
  });

  document.getElementById("save-btn").addEventListener("click", async () => {
    const data = {
      commands_file: document.getElementById("commands-file").value,
    };
    await updateSettings("commands", data);
    alert("Saved");
  });
}