const ui=(()=>{function renderCustomServers(data){let htmlCustom="";data.forEach((item=>{const{cpu:cpu,ram:ram,storage:storage,portspeed:portspeed,type:type,price:price}=item;let CPUformatted=cpu.SubItem.replace(/\,/gi,"");CPUformatted=CPUformatted.split(" ");const arrayLength=CPUformatted.length;const titleMaximumWords=4;const title=CPUformatted.slice(0,arrayLength-titleMaximumWords).join(" ");const info=CPUformatted.slice(arrayLength-titleMaximumWords,arrayLength).join(" ");htmlCustom+=`\n                <div class="quad-cpu-dedicated-server">\n                    <p class="quad-cpu">${cpu.Value} x ${title}</p>\n                    <p class="quad-cpu-info">${info}</p>\n\n                    <div class="quad-specifications">\n                        <p class="quad-details text-uppercase">ram</p>\n\n                        <p>${ram.Value} GB</p>\n                    </div>\n\n                    <div class="quad-specifications">\n                        <p class="quad-details">Storage</p>\n\n                        <p>2 x ${storage.SubItem}</p>\n                    </div>\n\n                    <div class="quad-specifications">\n                        <p class="quad-details">Bandwidth</p>\n\n                        <p>${portspeed.Value>=1e3?portspeed.Value/1e3:portspeed.Value} ${portspeed.Value>=1e3?"Gbps":"Mbps"}</p>\n                    </div>\n\n                    <div class="quad-specifications">\n                        <p class="quad-price">$${price.toFixed(2)} monthly</p>\n                    </div>\n\n                    <a href="${utilGlobal.changeOrderLink(type)}" class="select-btn">configure</a>\n                </div>\n            `}));const randomCustomsContainer=document.getElementById("custom-random-quad-cpu-container");if(randomCustomsContainer){randomCustomsContainer.innerHTML=htmlCustom}}function renderInstantServers(randomInstantsArray){let htmlInstants="";randomInstantsArray.forEach((item=>{const{cpu:cpu,ram:ram,hdd:hdd,traffic:traffic,type:type,price:price,name:name}=item;let CPUformatted=cpu.replace(/\,/gi,"");CPUformatted=CPUformatted.split(" ");const arrayLength=CPUformatted.length;const titleMaximumWords=4;const title=CPUformatted.slice(0,arrayLength-titleMaximumWords).join(" ");const info=CPUformatted.slice(arrayLength-titleMaximumWords,arrayLength).join(" ");htmlInstants+=`\n                <div class="quad-cpu-dedicated-server">\n                    <p class="quad-cpu">${title}</p>\n                    <p class="quad-cpu-info">${info}</p>\n\n                    <div class="quad-specifications">\n                        <p class="quad-details text-uppercase">ram</p>\n\n                        <p>${ram} GB</p>\n                    </div>\n\n                    <div class="quad-specifications">\n                        <p class="quad-details">Storage</p>\n\n                        <p>${hdd}</p>\n                    </div>\n\n                    <div class="quad-specifications">\n                        <p class="quad-details">Bandwidth</p>\n\n                        <p>${traffic}</p>\n                    </div>\n\n                    <div class="quad-specifications">\n                        <p class="quad-price">$${price.toFixed(2)} monthly</p>\n                    </div>\n\n                    <a href="${utilGlobal.changeOrderLink(type,name)}" class="select-btn">instant</a>\n                </div>\n            `}));const randomInstantsContainer=document.getElementById("instant-random-quad-cpu-container");if(randomInstantsContainer){randomInstantsContainer.innerHTML=htmlInstants}}return{renderCustomServers:renderCustomServers,renderInstantServers:renderInstantServers}})();