const { invoke } = window.__TAURI__.core;

let greetInputEl;
let greetMsgEl;

async function greet() {
  // Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
  greetMsgEl.textContent = await invoke("greet", { name: greetInputEl.value });
}


async function os_info(elem) {
    elem.textContent = await invoke("os_info", {});
}

async function get_quote(elem) {
  const output = await invoke("quote", {});
  console.log(output);
  elem.textContent = output.response;
}


window.addEventListener("DOMContentLoaded", () => {
  greetInputEl = document.querySelector("#greet-input");
  greetMsgEl = document.querySelector("#greet-msg");
  document.querySelector("#greet-form").addEventListener("submit", (e) => {
    e.preventDefault();
    greet();
  });

  document.querySelector("#os-info-form").addEventListener("submit", (e) => {
    e.preventDefault();
    const elem = document.querySelector("#os-msg");
    os_info(elem);
  });

  document.querySelector("#quote-form").addEventListener("submit", (e) => {
    e.preventDefault();
    const elem = document.querySelector("#quote-msg");
    get_quote(elem);
  });
});