$w.onReady(function () {
  $w("#button1").onClick(sendPromoteRequest);
  $w('#button2').hide();
  $w('#button3').hide();
  $w("#successMessage").hide();
});

const url = 'myurl:3001';
const key = 'myapikey';

function sendPromoteRequest() {
  const playerId = $w("#input1").value;

  const requestOptions = {
    method: 'POST',
    Authorization: key,
    headers: {
      'Content-Type': 'application/json',
      'Authorization': key,
    },
    body: JSON.stringify({
      id: playerId,
    })
  };

  fetch(`${url}/promote`, requestOptions)
    .then(response => response.json())
    .then(data => {
      console.log("API request successful!");
      console.log("Response:", data);
      $w("#successMessage").text = `Successfully promoted robloxId: ${playerId}`;
      $w("#successMessage").show();

      setTimeout(() => {
        $w("#successMessage").hide();
        $w("#button2").label = "Confirm";
        cancelRequest();
      }, 2000);
    })
    .catch(error => {
      console.error("Failed to make API request:", error);
      setTimeout(() => {
        $w("#button2").label = "Confirm";
        cancelRequest();
      }, 2000);
    });
}

function cancelRequest() {
  $w("#button2").hide();
  $w("#button3").hide();
  $w("#button1").show();
}