const ui=function(){function populatePlansUI(planType){let html="";const planTypeContainer=document.getElementById("management-plans-container");dataModel.managementData.forEach((item=>{const{planTitle:planTitle,monthlyPrice:monthlyPrice,info:info,featuresPlan:featuresPlan}=item;let plansSpecificationsHTML="";let infoTextHTML="";if(featuresPlan){featuresPlan.forEach((item=>{plansSpecificationsHTML+=`<p class="feature">${item}</p>`}))}if(info){infoTextHTML+=`<p class="info">${info}</p>`}html+=`\n                <div class="features-card">\n                    <div class="plan-header">\n                        <p class="features-card-title">${planTitle}</p>\n\n                        <div class="price-section d-flex">\n                            <p class="price">$${monthlyPrice}/mo.</p>\n                        </div>\n                    </div>\n\n                    <div class="features-list">\n                        ${infoTextHTML}\n                                           \n                        ${plansSpecificationsHTML}\n                    </div>\n                </div>\n            `}));if(planTypeContainer){planTypeContainer.innerHTML=html}}return{populatePlansUI:populatePlansUI}}();