<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")

    function openTab(url) {
        var a = window.document.createElement("a");
        a.target = '_blank';
        a.href = url;

        var e = window.document.createEvent("MouseEvents");
        e.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        a.dispatchEvent(e);
    };

    function httpGet(theUrl) {
        var xmlHttp = new XMLHttpRequest();
        xmlHttp.open("GET", theUrl, false);
        xmlHttp.send(null);
        return xmlHttp.responseText;
    }

    function 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...";

        setTimeout(() => {
            let res = httpGet(`https://myndapi.sharpenminds.com/v1.20/brand/code?code=${inptCode.value}`)
            let response = JSON.parse(res);
            if (response.hasOwnProperty('error')) {
                console.log('error', response)
                errorBox.style.display = "block";
                errorBox.innerHTML = response.error.message || "Unkown Error";
                submitCode.innerHTML = "Try Again";
                submitCode.disabled = false;
                submitCode.style.background = '#622cbe';
                setTimeout(() => {
                    errorBox.style.display = "none";
                }, 3500)
            } else {
                console.log('success', response)
                errorBox.style.display = "none";
                submitCode.style.background = '#622cbe';
                submitCode.disabled = false;
                submitCode.innerHTML = "Go";
                openTab(response.brand_url)
            }
        }, 100)
    }

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