var localData={}
$("select").on("change",function(){$("#kolicina").text($(this).val());});$(".placanje").on("click","li",function(){if($(this).attr("data-status")=='false'){return;}
$(".placanje li.aktivno").removeClass("aktivno");$(this).addClass("aktivno");$("#placanje").text($(this).attr("data-ime"));});$(".spremi-kupon").on("click",function(){$(".spremi-kupon").text("...")
kupon=$("#kuponInput").val()
if(!kupon){kupon="-"}
$("#kupon").text(kupon)
$(".spremi-kupon").text("Spremi")
ucitajKupon()})
function ucitajPlan(imePlana,kupon){x.POST(`/api/plan/${imePlana}/`,{},function(data){if(data.code){return}
localData=data
localData.type=imePlana
console.log(data)
$("h1").html(data.SEO.h1)
$("p.opis.desc").html(data.SEO.p)
$(".placanje").html("")
data.metode.forEach(function(metoda){$(".placanje").append(`<li data-ime="${metoda.ime}"data-status=${metoda.status}>${ikone[metoda.ikona]}${metoda.ime}</li>`)})
$(".placanje li").eq(0).addClass("aktivno")
$("#kuponInput").val(kupon)
$("#artikal").text(localData.naslov)
$(".finalDugme").text(`Kupi ${localData.naslov}`)
$(".finalDugme").attr("href",`/kupi/`+imePlana)
$(".pod-opis").text(data.naslov)
$("#kolicina").text("X")
$("select").html("")
$(".cijena span u").remove()
$(".cijena span").text("€"+localData.cijena)
if(localData.popustProcenat>0){$("#popust").elements[0].style="color:red;"
$("#popust").text("-"+(localData.popustProcenat).toFixed(0)+"%")
let novaCijena=localData.cijena*(1-localData.popustProcenat/100);$(".cijena span").html(`<span>€${(novaCijena).toFixed(2)}<u>€${(localData.cijena).toFixed(2)}</u></span>`)}
ucitajKupon()})}
$("a.finalDugme").on("click",function(e){e.preventDefault()
var placanje=$("#placanje").text().toLowerCase()
if(placanje=="crypto"){alert("Da biste izvršili plaćanje kriptovalutom, molimo vas da nas kontaktirate putem <a href='/drustvene-mreze/discord'>Discord tiketa</a>.")
return}
var t=$(this).text()
$(this).text("...")
var kupon=document.querySelector("#kuponInput").value
var email=document.querySelector("#emailInput")?.value||null;x.POST("/api"+$(this).attr("href").replaceAll("kupi/","kupi/plan/"),{"ref":kupon,"placanje":placanje,"email":email},function(data){console.log(data)
if(data.error.code!=200){if(data.error.code==401){window.location.href="/registracija?ref="+kupon
return}
$("a.finalDugme").text(t)
alert(data.error.msg)
return}
if(data.url[0]){window.location.href=data.url[1]}})})
function ucitajKupon(){kupon=$("#kuponInput").val()
$(".error").text("")
var plan=$(".placanje .aktivno").attr("data-ime").toLowerCase()
if(!kupon){kupon="-";if(localData.popustProcenat>0){$("#popust").elements[0].style="color:red;"
$("#popust").text("-"+(localData.popustProcenat).toFixed(0)+"%")
let novaCijena=localData.cijena*(1-localData.popustProcenat/100);$(".cijena span").html(`<span>€${(novaCijena).toFixed(2)}<u>€${(localData.cijena).toFixed(2)}</u></span>`)}
return}
x.POST(`/api/kupon/${kupon}/`,{plan:localData.type,uplata:$(".placanje .aktivno").attr("data-ime").toLowerCase()},function(data){$(".spremi-kupon").text("Spremi")
if(data.error.code!=200||localData.popustProcenat==0){$(".cijena span u").remove()
$(".cijena span").text("€"+localData.cijena)
$("#popust").text("0%")
$("#popust").elements[0].style=""
if(data.error.code!=200){$(".error").text(data.error.msg)}
return}
if(!data.iskoristiti.includes(localData.type)){alert("Ovaj kupon ne može da se koristi na ovom planu.")
return}
let popust=parseFloat(data.popust);$("#popust").elements[0].style="color:red;";$("#kupon").text(kupon);$("#popust").text(`-${popust.toFixed(0)}%`);let novaCijena=localData.cijena*(1-popust/100);$(".cijena span").html(`<span>€${novaCijena.toFixed(2)}<u>€${localData.cijena.toFixed(2)}</u></span>`);})}
function ucitajPlanove(){x.POST(`/api/planovi/`,{},function(data){$(".planovi-lista").html(``)
data.forEach(function(item){if(!item.vidljivo){return}
var svg=""
const urlParams=new URLSearchParams(window.location.search);const REF=urlParams.get("ref");const popularno=item.popularno?"popularno":"";const uskoro=!item.status?"uskoro":"";const slika=item.slika||"https://www.sti.edu/uploads2/TIKTOK-1920-X-960_TikTok_3.jpg";const opis=item.opis||"kratki opis";const cijenaOriginalna=item.popustProcenat?`<u>€${item.cijena}</u>`:"";const cijena=`€${item.popustCijena}<span>/${item.placanje}</span>`;const refLink=REF?`?ref=${REF}`:"";const url=`/plan/${item.id}${refLink}`;let dugme;if(!item.status){dugme=`<p class="dugme ${item.popularno ? "glavno" : ""}">Uskoro</p>`;}else if(item.preorder){dugme=`<a href="${url}"class="dugme ${item.popularno ? "glavno" : ""}">Preorder</a>`;}else{dugme=`<a href="${url}"class="dugme ${item.popularno ? "glavno" : ""}">Kupi ${item.naslov}</a>`;}
ul=""
if(item.ul){ul="<hr><ul>"
item.ul.forEach(function(x){ul+=`<li class="da">${x}</li>`})
ul+="</ul>"}
$(".planovi-lista").append(`<div class="plan-kurs ${popularno} ${uskoro} "><div class="plan-kontent"><h2 class="naslov">${item.naslov}</h2><div class="cijena">${item.popustProcenat?`<u>€${item.cijena}</u>`:""}<p>€${item.popustCijena}</p><span>/${item.placanje}</span></div>${dugme}
${ul}<!--<p class="kratkiOpis">kratki opis</p>--></div></div>`);})})}