var trigger = 0;
const button = document.getElementById("submitInput");
const button2 = document.getElementById("action");
const inputStyle = document.getElementById("inputAccount");
var version = "";
button.addEventListener("click", function() {
 if (trigger === 0) {
  var input = document.getElementById("inputAccount").value;
  var img = document.getElementById("loading");
  if (input === "") {
    inputStyle.style.cssText = "background-color: #d1d1d1; outline: 1px solid #333;";
    document.getElementById("description3").style.top = "-30px";
        document.getElementById("description3").style.left = "-25px";
    setTimeout(() => {
      inputStyle.style.cssText = "background-color: #f1f1f1; outline: 1px solid #ccc;";
      document.getElementById("description3").style.top = "4px";
        document.getElementById("description3").style.left = "-24px";
    }, "3000");
    return;
  }
  button.style.cssText = "transition: 1s";
  setTimeout(() => {
    button.style.cssText = "transition: 1s;transform: scale(1) !important; width: 626px; color: #222; background-color: #222";
  }, "100");
  setTimeout(() => {
    img.style.opacity = "1";
  }, "400");
  var matchingPattern = /^(?:https?:\/\/)?((?:www\.)?[^:\/?\n]+)/img;;
  var match = matchingPattern.exec(input);
  if(match && match[1]) {
    console.log(match[1]);
    input = match[1];
  }
  fetch(`https://api.allorigins.win/get?charset=ISO-8859-1&url=${encodeURIComponent('https://')}` + input + `${encodeURIComponent('/docs/api/v3/')}`)
  .then(response => response.text())
  .then(data => {
    const versionRegex = /version=([0-9.]+)/; 
    const matchedGroups = data.match(versionRegex);
    if (matchedGroups && matchedGroups[1]) {
      version = matchedGroups[1];
      trigger=2;
      setTimeout(() => {
        img.style.opacity = "0";
      }, "1950");
      setTimeout(() => {
        button.innerHTML = `Your current LiveAgent version is <strong><u>${matchedGroups[1]}</u></strong> <img id='copy' src='https://cdn-icons-png.flaticon.com/512/1621/1621635.png'/><img id='copy2' src='https://png.pngtree.com/png-vector/20220801/ourmid/pngtree-check-icon-from-business-bicolor-set-accept-like-apply-vector-png-image_19358580.jpg'/>`;
        button.style.color = "#f1f1f1";
        button2.style.right = "-2px";
        button2.style.fontSize = "40px";
        button2.style.lineHeight = "44px";
        button2.innerHTML = "&times;";
      }, "2000");
      setTimeout(() => {
        const copy = document.getElementById("copy");
        copy.style.opacity = "1";
      }, "2500");
    } else {
      setTimeout(() => {
      trigger=1;
        button.innerHTML = "You've most likely provided an <strong><u>incorrect LiveAgent URL</u></strong>.<img id='copy' src='' style='display:none;'/>";
        button.style.color = "#f1f1f1";
        button2.style.right = "-2px";
        button2.style.fontSize = "30px";
        button2.style.lineHeight = "46px";
        button2.innerHTML = "&#8634;";
        document.getElementById("description2").style.top = "-30px";
        document.getElementById("description2").style.left = "-25px";
      }, "2000");
      setTimeout(() => {
        document.getElementById("description2").style.top = "4px";
        document.getElementById("description2").style.left = "-24px";
      }, "9000");
    }
  })
 } else if (trigger === 2) {
   copyTextToClipboard(version);
   function copyTextToClipboard(text) {
      var textField = document.createElement('textarea');
      textField.innerText = text;
      document.body.appendChild(textField);
      textField.select();
      document.execCommand('copy');
      textField.remove();
   }
   document.getElementById("copy").style.display = "none";
   document.getElementById("copy2").style.display = "inline";
   document.getElementById("copy2").style.opacity = "1";
  setTimeout(() => {
   document.getElementById("copy2").style.opacity = "0";
  }, "1500");
  setTimeout(() => {
   document.getElementById("copy").style.display = "inline";
   document.getElementById("copy2").style.display = "none";
  }, "2100");
 } else {
   return;
 }
});
button2.addEventListener("click", function() {
  const copy = document.getElementById("copy");
  copy.style.opacity = "0";
  trigger=0;
  button2.style.right = "30px";
  button.style.cssText = "transition: 0.6s; color: #222; transform: scale(1); width: 420px; background-color: #222;";
  setTimeout(() => {
    button.innerHTML = "Get Version";
    button.style.cssText = "transition: 1s; color: #222; transform: scale(1); width: 120px; background-color: #222;";
  }, "500");
  setTimeout(() => {
    button.innerHTML = "Get Version<img id='loading' src='https://media.tenor.com/On7kvXhzml4AAAAj/loading-gif.gif'/>";
    button.style.cssText = "width: 120px; color: #f1f1f1; transition: 0.3s;";
  }, "1100");
})