Build Your Advertising Package
Select everything you would like.
Your bonuses
const checkboxes=document.querySelectorAll(".ft-item input");
checkboxes.forEach(cb=>{ cb.addEventListener("change",calculate); });
calculate();
function calculate(){
let packageLevel=0;
checkboxes.forEach(cb=>{ if(cb.checked){ packageLevel=Math.max(packageLevel,parseInt(cb.dataset.package)); } });
const summary=document.getElementById("summary");
if(packageLevel===0){ summary.style.display="none"; return; }
summary.style.display="block";
let packageName=""; let price=""; let progress=33; let description=""; let bonuses=[]; let upgrade="";
if(packageLevel===1){
packageName="STANDARD"; price="300 €"; progress=33; description="Everything you selected is included in the STANDARD package.";
bonuses=[ "Advertising on Forum Thassos", "Google Maps listing", "Instagram & TikTok interaction", "BookingThassos account", "Recommended Business", "Announcement", "Events promotion" ];
upgrade="Upgrade to COMPLEX if you would also like monthly Facebook promotion and Forum Grecia advertising.";
}
if(packageLevel===2){
packageName="COMPLEX"; price="600 €"; progress=66; description="Your selected services require the COMPLEX package.";
bonuses=[ "Everything in STANDARD", "Monthly Facebook posts", "Forum Grecia advertising", "Higher FAVORIT position", "1 FREE advertorial" ];
upgrade="Upgrade to TOP if you want first position, flag and extra promotions.";
}
if(packageLevel===3){
packageName="TOP"; price="1000 €"; progress=100; description="Your selected services require the TOP package.";
bonuses=[ "Everything in COMPLEX", "First Position", "Flag with your logo", "Extra monthly Facebook posts", "2 FREE advertorials", "Maximum visibility" ];
upgrade="🎉 You selected the highest package.";
}
document.getElementById("packageName").innerHTML=packageName; document.getElementById("packagePrice").innerHTML=price; document.getElementById("packageDescription").innerHTML=description; document.getElementById("progressBar").style.width=progress+"%";
let html="";
bonuses.forEach(function(item){ html+="
"; });
document.getElementById("bonusList").innerHTML=html; document.getElementById("upgradeBox").innerHTML=upgrade;
}
