var phone = 0;
const request = (resource: string, data: any) =>
  fetch(`/api/${resource}.shs`, {
    method: "POST",
    body: new URLSearchParams(data).toString(),
    credentials: "include",
  }).then((res) => res.json());

window.addEventListener("load", () => {
  const login = document.querySelector(".login-form")!;
  login.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("login", {
      login: form.login.value,
      password: form.password.value,
    });
  });

  const register = document.querySelector(".register-form")!;
  register.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("register", {
      login: form.login.value,
      password: form.password.value,
      phone: form.phone.value,
    });
    phone = form.phone.value;
  });

  const sms = document.querySelector(".sms-form")!;
  sms.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("smscode", {
      code: form.code.value,
      phone: phone,
    });
  });

  request("packages", {}).then((res) => {
    console.log(res);
  });
});