1<#assign liferay_theme = PortletJspTagLibs["/META-INF/liferay-theme.tld"] />
2<#assign portlet = PortletJspTagLibs["/META-INF/liferay-portlet.tld"] />
3<@liferay_theme["defineObjects"] />
4<@portlet["defineObjects"] />
5
6${header_text.getData()!""}
7
8<div class="col-md-12 col-lg-6 toggle-active-control Voice-margin-offset" id="vouchersList">
9 <label for="Topup-radio-list" class="font-serif font-bold text-lg mb-6 d-none d-md-block">Odaberi bon</label>
10 <ul class="Topup-radio-list">
11
12 <#if vouchers.getSiblings()?has_content>
13 <#assign sapMM = "" />
14 <#assign amount = "" />
15 <#assign price = "" />
16 <#assign defaultSapMM = "" />
17 <#list vouchers.getSiblings() as voucher>
18 <#if getterUtil.getBoolean(voucher.show_voucher.getData(), false)>
19 <#assign is_default=""/>
20 <#if getterUtil.getBoolean(voucher.is_default.getData(), false) >
21 <#assign is_default="checked"/>
22 <#assign defaultSapMM = voucher.sap_mm.getData() />
23 <#assign defaultVoucherPrice = voucher.price.getData() />
24 </#if>
25 <li class="topupBtn js-choose-tariff voucher-radio" data-voucher-index="${voucher?index + 1}" data-price="${voucher.price.getData()}" data-mm="${voucher.sap_mm.getData()}">
26 <#assign sapMM = voucher.sap_mm.getData() />
27 <#assign amount = voucher.amount.getData() />
28 <#assign price = voucher.price.getData() />
29 <input class="voucher-radio__input" type="radio" name="topupAmount" id="topupAmount${price}" value="${price}" data-bonus-amount="${amount}" ${is_default} data-button-text="${price} €" data-portlet-name="Vouchers">
30 <label for="topupAmount${price}" class="price-conversion-wrap"><i class="indicator"></i>
31 <span class="topup-amount">
32 <span class="font-bold font-serif">${price} </span>
33 <span class="currency">€</span>
34 </span>
35 <div class="bonus-mb"><span class="bonus-mb-value">${voucher.promo_amount.getData()}</span> ${voucher.promo_text.getData()}</div>
36 <#if voucher.promo_description?? >
37 <div class="bonus-mb-desc">${voucher.promo_description.getData()}</div>
38 </#if>
39 </label>
40 </li>
41</#if>
42</#list>
43<li class="topupBtn js-choose-tariff js-choose-custom custom-voucher-input voucher-radio" data-value="" data-voucher-index="7" data-mm="${variable_sap_mm.getData()}">
44 <input class="voucher-radio__input" type="radio" value="custom" name="topupAmount" id="topupAmountChoice" data-button-text="Unesi vlastiti iznos bona" data-portlet-name="Vouchers">
45 <label for="topupAmountChoice"><i class="indicator"></i>
46 <div class="amount-choice-label">Unesi vlastiti iznos bona</div>
47 <div class="d-flex items-center amount-choice-input">
48 <input type="text" class="form-control" id="voucher-value" name="price" placeholder="50" maxlength="3" disabled="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" onpaste="return false;">
49 <div class="md:text-lg ml-2"><strong>€</strong></div>
50 </div>
51 </label>
52</li>
53<input type="hidden" name="sapMM" id="sapMM" class="Form-input " value="${defaultSapMM}" placeholder="" />
54<input type="hidden" id="voucherPrice" value="${defaultVoucherPrice}" />
55</#if>
56</ul>
57<label class="info-label text-xs md:text-sm mb-6 mt-12">Cijena uključuje PDV i naknadu za korištenje mreže definiranu
58 <a href="${link_pricelist.getData()}" class="text-link is-black has-border">Cjenikom</a></label>
59</div>
60
61<script type="text/javascript">
62 $(document).ready(function(){
63 $(".js-choose-tariff").on("click", function(e) {
64 $this = $(this);
65 $("#sapMM").val($this.data("mm"));
66 $("#voucherPrice").val($this.data("price"));
67 });
68 });
69
70 $(".topupBtn input").on("click", "", function(){
71 window.dataLayer = window.dataLayer || [];
72 var component = $(this).parent();
73 var price = component.find("input").val();
74 var priceNew = price.split(" ")[0].replace(",", ".");
75 if(priceNew.split(".").length == 1){
76 priceNew = priceNew.concat(".00");
77 }
78 var name = "A1 Elektronski bon " + price + " €";
79 var id = component.data("mm");
80 window.dataLayer.push({
81 'event': 'productClick',
82 'ecommerce': {
83 'currencyCode': 'EUR',
84 'click':{
85 'actionField': {'list': 'bonovi svi'},
86 'products':[{
87 'name': name,
88 'id': id,
89 'price': priceNew,
90 'brand': 'A1',
91 'category': 'bonovi',
92 'position': component.data("voucher-index")
93 }]
94 }
95 }
96 });
97 });
98
99 window.dataLayer = window.dataLayer || [];
100 var vouchersObjectList = [];
101 $.each($(".topupBtn"), function(){
102 var price = $(this).find("input").val();
103 var name = "A1 Elektronski bon " + price + " €";
104 var priceNew = price.split(" ")[0].replace(",", ".");
105 if(priceNew.split(".").length == 1){
106 priceNew = priceNew.concat(".00");
107 }
108 var id = $(this).data("mm");
109 var voucherObject = {
110 'name': name,
111 'id': id,
112 'price': priceNew,
113 'brand': 'A1',
114 'category': 'bonovi',
115 'position': $(this).data("voucher-index"),
116 'list': 'bonovi svi'
117 };
118 vouchersObjectList.push(voucherObject);
119 });
120 window.dataLayer.push({
121 'event': 'productImpressions',
122 'ecommerce': {
123 'currencyCode': 'EUR',
124 'impressions': vouchersObjectList
125 }
126
127 });
128
129
130</script>
