var myArray = [];
if(document.getElementById("mo_openid_login")){
            document.getElementById("mo_openid_login").insertAdjacentHTML("beforebegin", "<div id=\"mo_openid_login\"></div>");
        }else if(document.getElementById("customer_login")){
            document.getElementById("customer_login").insertAdjacentHTML("beforebegin", "<center><div id=\"mo_openid_login\"></div></center>");
        }else if(document.getElementById("RegisterForm")){
            document.getElementById("RegisterForm").insertAdjacentHTML("beforebegin", "<center><div id=\"mo_openid_login\"></div></center>");
        }
            document.head.insertAdjacentHTML("afterbegin","<link rel=\"stylesheet\" type=\"text/css\" href=\"http://shop.miniorange.com/discord_login/public/css/bootstrap-social.css\">");
            document.head.insertAdjacentHTML("afterbegin","<link rel=\"stylesheet\" href=\"https://pro.fontawesome.com/releases/v5.10.0/css/all.css\" integrity=\"sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p\" crossorigin=\"anonymous\"/>");
        
                document.head.insertAdjacentHTML("afterbegin","<style> .btnL { display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid transparent; font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); } </style>");
                    myArray.reverse().forEach(function (value) {
                        if(document.getElementById("mo_openid_login")){
                            document.getElementById("mo_openid_login").insertAdjacentHTML("afterbegin","<a rel=\"nofollow\" href=\"http://shop.miniorange.com/discord_login/public/openidcallback/"+value+"?shop=fashionetstoretrendy.myshopify.com&hosts="+window.location.host+"\" style=\"display: -webkit-inline-box;text-decoration: none;width: 200px !important;padding-top:6px !important;padding-bottom:6px !important;margin-bottom: 4px !important;border-radius: 4px !important;\" class=\"btnL btn-mo btn-block btn-social btn-"+value+" btn-custom-dec login-button\"> <i style=\"padding-top:0px !important\" class=\"fab fa-"+value+"\"></i> login with "+value[0].toUpperCase()+value.slice(1)+"</a><br>")
                        }
                    });var curr = window.ShopifyAnalytics.meta.page.customerId; console.log(curr);
                var url = "http://shop.miniorange.com/discord_login/public/discord_role?shop=fashionetstoretrendy.myshopify.com&customer_id="+window.ShopifyAnalytics.meta.page.customerId+"";
                var xhr = new XMLHttpRequest();
                xhr.open("GET", url);
                xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    console.log(xhr.status);
                    console.log(xhr.responseText);
                }};
                xhr.send();