<div style="display:flex;justify-content:center">
  <input id="CodeInput" placeholder="Enter Code" style="padding: 15px;
    border-radius: 3px;
    box-shadow: none;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #ddd;
    font-weight: bolder;"/>
  <button id="CodeSubmit" onclick="onSubmit()" style="padding: 15px;
    border-radius: 100px;
    box-shadow: none;
    border: 0;
    width: 100px;
    background: #622cbe;
    border: 1px solid #ddd;
    color: #fff;
    font-weight: 700;
    margin-left: 15px;">Go</button>
</div>
<div id="ErrorBox" style="display:none;
    border:red;
    text-align:center;
    padding:15px;
    color:red;
    width:258px;
    margin: 0 auto;
    margin-top:15px;
    border: 1px solid red;
    background:transparent"></div>

<script>
  let xobj = new XMLHttpRequest();
  let inptCode = document.getElementById("CodeInput")
  let errorBox = document.getElementById("ErrorBox")

  let onSubmit = () => {
    let submitCode = document.querySelector("#CodeSubmit")

    if (!inptCode.value) {
      alert(`Please enter app code.`)
      return false;
    }

    submitCode.style.background='#dddddd';
    submitCode.disabled = true;
    submitCode.innerHTML = "Checking...";

    xobj.open('GET', `https://myndapi.sharpenminds.com/v1.20/brand/code?code=${inptCode.value}`);
    xobj.onreadystatechange = function () {
      if (xobj.readyState == 4 && xobj.status == "200") {
        errorBox.style.display = "none";
        submitCode.style.background='#622cbe';
        submitCode.disabled = false;
        submitCode.innerHTML = "Go";
        let res = JSON.parse(xobj.responseText);
        window.open(res.brand_url, '_blank');
      } else {
        let res = JSON.parse(xobj.responseText);

        errorBox.style.display = "block";
        errorBox.innerHTML = res.error.message || "Unkown Error";
        submitCode.innerHTML = "Try Again";
        submitCode.disabled = false;
        submitCode.style.background='#622cbe';

        setTimeout( () => {
          errorBox.style.display = "none";
        }, 3500)
      }
    };
    xobj.send();
  }

  inptCode.addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
      event.preventDefault();
      onSubmit()
    }
  });
</script>