const ui=function(){function populateInstantsUI(data){let html="";const randomInstantsContainer=document.getElementById("random-instants-container");data.forEach((item=>{const{cpu:cpu,ram:ram,hdd:hdd,traffic:traffic,type:type,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(" ");html+=`\n                    <div class="instant-server d-flex align-items-center justify-content-center">\n                        <div class="d-flex flex-column">\n                            <p class="subtitle mb-3">${title}</p>\n                            <p class="mb-3">${info}</p>\n\n                            <p class="delivery fw-bold mb-3"><i class="fas fa-circle me-2"></i>5 minutes delivery</p>\n\n                            <div class="specifications d-flex justify-content-between align-items-center">\n                                <p class="text-uppercase me-4">ram</p>\n\n                                <p>${ram} GB</p>\n                            </div>\n\n                            <div class="specifications d-flex justify-content-between align-items-center mt-3">\n                                <p class="me-4">Storage</p>\n\n                                <p>${hdd}</p>\n                            </div>\n\n                            <div class="specifications d-flex justify-content-between align-items-center mt-3">\n                                <p class="me-4">Bandwidth</p>\n\n                                <p>${traffic}</p>\n                            </div>\n\n                            <div class="order-btn d-flex align-items-center justify-content-center">\n                                <a href="${utilGlobal.changeOrderLink(type,name)}" class="instant-button order text-uppercase mt-3">order now</a>\n                            </div>\n                        </div>\n                    </div>\n                `}));if(randomInstantsContainer){randomInstantsContainer.innerHTML=html}}return{populateInstantsUI:populateInstantsUI}}();