const ui=function(){function populatePlansUI(){let html="";const planTypeContainer=document.getElementById("plans-container");dataModel.autodjPricingPlans.forEach((item=>{const{planTitle:planTitle,planSubtitle:planSubtitle,monthlyPrice:monthlyPrice,priceInfo:priceInfo,checkMark:checkMark,featuresPlan:featuresPlan,infoText:infoText,link:link,buttonText:buttonText}=item;let plansSpecificationsHTML="";let infoTextHTML="";if(featuresPlan){featuresPlan.forEach((item=>{plansSpecificationsHTML+=`\n                        <div class="autodj-feature-wrapper">\n                            <img class="me-2" src="${checkMark}" alt="checkmark" />\n                            \n                            <p class="feature">${item}</p>\n                        </div>\n                    `}))}if(infoText){infoTextHTML+=`<p class="autodj-info-text">${infoText}</p>`}html+=`\n                <div class="autodj-pricing-wrapper">\n                    <div class="autodj-pricing-header">\n                        <p class="autodj-pricing-title">${planTitle}</p>\n                        \n                        <p class="autodj-pricing-subtitle">${planSubtitle}</p>\n                        \n                        <p class="autodj-plan-price">$${monthlyPrice}/mo.</p>\n                        \n                        <p class="autodj-info-price">${priceInfo}</p>\n                    </div>\n                    \n                    <div class="autodj-features-wrapper">                      \n                        <div class="autodj-plan-features">                        \n                            ${plansSpecificationsHTML}\n                        </div>\n                    </div>\n                    \n                    <div class="autodj-bottom-elements">\n                        ${infoTextHTML}\n                        \n                        <a class="autodj-plan-button flat-button" href="${link}">${buttonText}</a>\n                    </div>\n                </div>\n            `}));if(planTypeContainer){planTypeContainer.innerHTML=html}}return{populatePlansUI:populatePlansUI}}();