null
Indietro

Heraricarica Business Duplica 1

Si è verificato un errore nell'elaborarazione del modello.
com.liferay.journal.service.JournalArticleServiceUtil

----
FTL stack trace ("~" means nesting-related):
	- Failed at: journalArticleServiceUtil = objectUti...  [in template "20099#20135#93622" at line 20, column 5]
	- Reached through: #assign-container  [in template "20099#20135#93622" at line 12, column 1]
----
1<style> 
2    #tariffa-excerpt .quote-section { 
3        padding-top: 50px !important; 
4
5 
6    @media (max-width: 991px) { 
7        #tariffa-excerpt .quote-section { 
8            padding-top: 130px !important; 
9
10
11</style> 
12<#assign  
13	title=.vars['reserved-article-title'].data 
14	urlcustom=themeDisplay.getURLCurrent()?keep_before("?") 
15	tryurl=themeDisplay.getPortalURL()+themeDisplay.getURLCurrent()  
16    showWidget=false  
17    showForm=false 
18    showWidgetCallBack = false 
19    colClassSoluzioni="col-lg-12" 
20    journalArticleServiceUtil=objectUtil("com.liferay.journal.service.JournalArticleServiceUtil") 
21    assetVocabularyServiceUtil=objectUtil("com.liferay.asset.kernel.service.AssetVocabularyServiceUtil")  
22    vocabularyId=0 
23    docCompare1="HC"  
24    docCompare2="HC"  
25/> 
26 
27<#assign solsottoscrizione=urlcustom+ "/sottoscrizione" /> 
28<#assign solnoproblemluce=urlcustom+ "/sottoscrizione-luce" /> 
29<#assign solnoproblemgas=urlcustom+ "/sottoscrizione-gas" /> 
30 
31<#if tryurl?contains("heracomm-nordest")> 
32 <#assign docCompare1="HNE" /> 
33 <#assign docCompare2="HNE" /> 
34 </#if> 
35 <#if urlcustom?contains("cmvenergia")> 
36 <#assign docCompare1="CMV" /> 
37 <#assign docCompare2="CMV" /> 
38 </#if> 
39 <#if tryurl?contains("heracomm-marche")> 
40    <#assign docCompare1="HCM" docCompare2="HCM" /> 
41</#if> 
42 <#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
43 	<#assign 
44 		vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroup().getParentGroupId()) 
45 		journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
46 	/> 
47 <#else> 
48 	<#assign 
49 		vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroupId()) 
50 		journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
51 	/> 
52 </#if> 
53 <#assign  
54 	assetCategoryServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetCategoryServiceUtil") 
55    journalArticleCategories = assetCategoryServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) 
56    hasLuce=false  
57    hasGas=false  
58    valueLuce=0  
59    valueGas=0 
60    formUrl = "soluzioni-sostenibili/sottoscrizione"  
61    target=""  
62    subtarget="" 
63	offerta = urlcustom?keep_after_last("/soluzioni-sostenibili/") 
64	prefUrl = urlcustom?keep_before("/soluzioni-sostenibili/") 
65	prefUrlCondividi = themeDisplay.getPortalURL() 
66 /> 
67 <#list vocabulariesList as vocabulary> 
68     <#assign vocabularyName = vocabulary.getName() /> 
69     <#if vocabularyName?? && vocabularyName?lower_case == "servizio"> 
70         <#assign vocabularyId = vocabulary.getVocabularyId() /> 
71     </#if> 
72 </#list> 
73 <#if urlcustom?contains("/business/")> 
74     <#assign 
75         isCasa = false 
76         target = "business" 
77     /> 
78 	<#if urlcustom?contains("/business/")> 
79 		<#assign 
80 			subtarget = urlcustom?keep_after_last("/business/") 
81 			subtarget = subtarget?keep_before("/soluzioni-sostenibili/") 
82 		/> 
83 	</#if> 
84 <#else> 
85     <#assign 
86         isCasa = true 
87         target = "casa" 
88     /> 
89 </#if> 
90 <#assign 
91     formUrl = prefUrl + "/" + formUrl 
92     formSottoscriviUrl = urlcustom + "/richiesta-informazioni" 
93     completeUrl = prefUrlCondividi + urlcustom 
94 /> 
95 <#list journalArticleCategories as category> 
96     <#if category.vocabularyId == vocabularyId> 
97         <#switch category.name?lower_case> 
98             <#case "luce"> 
99                 <#assign 
100                     hasLuce = true 
101                     valueLuce = 1 
102                 /> 
103                 <#break /> 
104             <#case "gas"> 
105                 <#assign 
106                     hasGas = true 
107                     valueGas = 1 
108                 /> 
109                 <#break /> 
110             <#default> 
111                 <#break /> 
112         </#switch> 
113     </#if> 
114 </#list> 
115 <#if MostraWidgetAttivaOra??> 
116     <#if MostraWidgetAttivaOra.getData()?? && MostraWidgetAttivaOra.getData() == "si"> 
117         <#assign 
118             showWidget = true 
119             colClassSoluzioni="col-lg-8" 
120         /> 
121     <#elseif MostraFormDiSottoscrizione??> 
122         <#if MostraFormDiSottoscrizione.getData()?? && MostraFormDiSottoscrizione.getData() == "si"> 
123             <#assign 
124                 showForm = true 
125                 colClassSoluzioni="col-lg-8" 
126             /> 
127         </#if> 
128     </#if> 
129 </#if> 
130 <#assign  
131 	showWidgetCallBack = MostraWidgetCallBack.getData() 
132 	titoloCallBack = "" 
133 	sottotitoloCallBack = "" 
134 /> 
135 <#-- Widget CallBack --> 
136 <#if showWidgetCallBack  == "si"> 
137 <#if TitoloWidgetCallBack?? && TitoloWidgetCallBack.SottotitoloWidgetCallBack??> 
138 	<#assign  
139 		titoloCallBack = TitoloWidgetCallBack.getData() 
140 		sottotitoloCallBack = TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData() 
141         colClassSoluzioni="col-lg-8" 
142 	/> 
143 </#if> 
144 <section id="widget-offerta" class="d-none d-lg-block"> 
145  		<div class="container position-relative"> 
146  			<div class="row"> 
147  				<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3"> 
148  					<div class="fixed-widget-offerta-container py-5"> 
149  						<div class="fixed-widget-offerta-inner-container white-box position-relative text-center px-4 pt-4 pb-3 mt-4" style="width: 300px;"> 
150  							<h4 class="gradient-text text-uppercase small bolder mb-1">${TitoloWidgetCallBack.getData()}</h4> 
151  							<div class="black-three big letter-spacing-sm">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</div> 
152                              <div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 mt-3 mb-5 hide"> 
153                                  Hai scelto <strong class="offerta-type">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</strong> clicca su informazioni per continuare. 
154                              </div> 
155  						</div> 
156              <div class="white-two-bg position-relative text-center px-4 pb-3"> 
157                <div class="row text-left" style="flex-direction: column"> 
158                  <div class="col-xl-12  text-center pb-2"> 
159  									<div class="black-three bold letter-spacing-sm mb-2">SEI INTERESSATO?</div> 
160                    <a id="tichiamiamooff" class="btn gradient white font-weight-bold" href="#" style="font-size:14px"> 
161                        <i class="icon-phone-call title-mid white big align-sub mr-1"></i>Fatti richiamare 
162                      </a> 
163                  </div> 
164                  <div class="col-xl-12 pb-2 text-center" id="vvc-activate-box"> 
165                  </div> 
166                  <!-- <div class="col-xl-6 pb-2"> 
167                    <a class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
168                      <i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
169                    </a> 
170                  </div> --> 
171                </div> 
172              </div> 
173  					</div> 
174  				</div> 
175  			</div> 
176  		</div> 
177  	</section> 
178  	<!-- Mobile--> 
179      <section class="container mobile d-lg-none"> 
180  		<div class="container position-relative"> 
181  			<div class="row"> 
182  				<div class="offset-lg-8 col-lg-4 px-0 px-sm-3"> 
183  					<div class="fixed-widget-offerta-container" style="margin-top: 0px;"> 
184  						<div class="fixed-widget-offerta-inner-container white-box position-relative text-center px-4 pt-4 pb-3 mt-4"> 
185  							<h4 class="gradient-text text-uppercase small bolder mb-1">${TitoloWidgetCallBack.getData()}</h4> 
186  							<div class="black-three big letter-spacing-sm">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</div> 
187                              <div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 mt-3 mb-5 hide"> 
188                                  Hai scelto <strong class="offerta-type">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</strong> clicca su informazioni per continuare. 
189                              </div> 
190  						</div> 
191              <div class="white-two-bg position-relative text-center px-2 pb-3"> 
192      					<div class="row"> 
193      						<div class="col-xs-12 text-center pb-2"> 
194  									<div class="black-three bold letter-spacing-sm mb-2">SEI INTERESSATO?</div> 
195      							<a id="tichiamiamooff" class="btn gradient white letter-spacing-sm font-weight-bold mt-4" href="#" style="font-size:15px"> 
196      									<i class="icon-phone-call title-mid white big align-sub mr-1"></i>Fatti richiamare 
197      								</a> 
198      						</div> 
199      						<div class="col-xs-12 pb-2 text-center" id="vvc-activate-box-mobile"> 
200      						</div> 
201      						<!-- <div class="col-xs-12 text-center pb-2"> 
202      							<a class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
203      								<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
204      							</a> 
205      						</div> --> 
206      					</div> 
207      				</div> 
208  					</div> 
209  				</div> 
210  			</div> 
211  		</div> 
212  	</section> 
213  	<!--div class="showmobilewidget mobile d-lg-none container gradient active" 
214      style="position: fixed;bottom: 0px;z-index: 50;"> 
215      <div class="px-5 justify-content-center d-flex"> 
216          <a href="${formUrl}" class="white text-center bold x-bigger my-2"> Richiedi informazioni </a> 
217      </div> 
218  </div--> 
219  
220 <#-- Widget Attiva ora --> 
221 <#elseif showWidget || showForm> 
222 	<section id="widget-offerta" class="d-none d-lg-block"> 
223 		<div class="container position-relative py-5"> 
224  
225 			<div class="row"> 
226 				<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3"> 
227                 	<div class="fixed-widget-offerta-container"> 
228                 		<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4"> 
229                 			<h4 class="darkish-pink text-uppercase small bolder mb-1">${title}</h4> 
230                             <#if showWidget> 
231                     			<form action="${formUrl}" method="GET"> 
232                     				<div class="row px-0 big letter-spacing-sm l12"> 
233                     				    <div class="col-md-6 text-left"> 
234                     				        <div class="greyish-brown my-3"> 
235                     					        Disponibile per: 
236                     				        </div> 
237                     				    </div> 
238                     				    <div class="col-md-6 pt-3 text-right"> 
239                     				        <#if hasLuce> 
240                     				            <span class="gradient-text pt-1"> 
241                             					    <i class="icon-energia normal"></i> Luce 
242                             				    </span> 
243                             				</#if> 
244                             				<#if hasGas> 
245                             				    <#assign marginCustom = "" /> 
246                             				    <#if hasLuce> 
247                             				        <#assign marginCustom = "ml-2" /> 
248                             				    </#if> 
249                             				    <span class="gradient-text pt-1"> 
250                             					    <i class="icon-gas normal ${marginCustom}"></i> Gas 
251                             					</span> 
252                         					</#if> 
253                     				    </div> 
254     									<input type="hidden" name="target" value="${target}" required /> 
255     									<input type="hidden" name="subtarget" value="${subtarget}" required /> 
256     									<input type="hidden" name="offerta" value="${offerta}" required /> 
257     									<input type="hidden" name="luce" value="${valueLuce}" required /> 
258     									<input type="hidden" name="gas" value="${valueGas}" required /> 
259                     				</div> 
260                     				<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
261                     					Hai scelto <strong class="offerta-name">${title}</strong> <strong class="offerta-type"></strong> clicca su attiva per continuare. 
262                     				</div> 
263                     				<div class="justify-content-center"> 
264                                             
265                                            <#if (solsottoscrizione?contains("hera-no-problem")) && 
266                                            (!solsottoscrizione?contains("hera-no-problem-acqua")) 
267
268                                        <div class="row"> 
269                                            <div class="col-md-6"> 
270                                                <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${solnoproblemluce}">Attiva ora Luce!</a> 
271                                            </div> 
272                                            <div class="col-md-6"> 
273                                            <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${solnoproblemgas}">Attiva ora Gas!</a> 
274                                            </div> 
275                                        </div> 
276 
277                                        <#else> 
278                                        <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${solsottoscrizione}">Attiva ora!</a> 
279                                        </#if> 
280     								<!--div class="justify-content-center"> 
281                     				<a id="myBtn" class="gradient-text big bold letter-spacing-sm pt-1" href="#"> 
282                     					<i class="icon-share mr-1 bigger align-text-bottom"></i> Condividi 
283                 					</a> 
284     								</div--> 
285									 </div> 
286                     			</form> 
287                             <#elseif showForm> 
288                             <h4 class="gradient-text text-uppercase small bolder mb-1">SOLUZIONI SOSTENIBILI</h4> 
289                             <div class="black-three big letter-spacing-sm">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</div> 
290                                 <div class="row px-0 big letter-spacing-sm l12"> 
291                                     <div class="col-md-6 text-left"> 
292                                         <div class="greyish-brown my-3"> 
293                                             Disponibile per: 
294                                         </div> 
295                                     </div> 
296                                     <div class="col-md-6 pt-3 text-right"> 
297                                         <#if hasLuce> 
298                                             <span class="gradient-text pt-1"> 
299                                                 <i class="icon-energia normal"></i> Luce 
300                                             </span> 
301                                         </#if> 
302                                         <#if hasGas> 
303                                             <#assign marginCustom = "" /> 
304                                             <#if hasLuce> 
305                                                 <#assign marginCustom = "ml-2" /> 
306                                             </#if> 
307                                             <span class="gradient-text pt-1"> 
308                                                 <i class="icon-gas normal ${marginCustom}"></i> Gas 
309                                             </span> 
310                                         </#if> 
311                                     </div> 
312                                 </div> 
313                                 <div class="x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
314                                     Hai scelto <strong>${title}</strong> clicca su attiva per continuare. 
315                                 </div> 
316                                 <div class="justify-content-center"> 
317									<a data-senna-off="true" href="${formSottoscriviUrl}" 
318										style="color:white;border-radius:5px" 
319										class="btn gradient white px-5 justify-content-center mt-3 mb-3" 
320										id="attivaora"> 
321										Attiva ora! 
322									</a>                                 </div> 
323                             </#if> 
324                 		</div> 
325                 		<div class="white-two-bg position-relative text-center px-4 pb-3"> 
326                 			<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
327                 			<div class="row text-left"> 
328                 				<div class="col-xl-12 pb-2 text-center"> 
329                 					    <a id="tichiamiamosol" class="gradient-text letter-spacing-sm font-weight-bold" 
330                                            href="#"> 
331                                            <i class="icon-phone-call big align-sub mr-1"></i> Ti chiamiamo noi 
332                                        </a> 
333                 				</div> 
334                                 <div class="col-xl-12 pb-2 text-center" id="vvc-activate-box"> 
335         						</div> 
336                 				<!-- <div class="col-xl-6 pb-2 d-none"> 
337                 					<a class="gradient-text letter-spacing-sm font-weight-bold" href="#"> 
338             							  <i class="icon-info-alt big align-sub mr-1"></i> Attiva la chat 
339             						  </a> 
340             					</div> --> 
341             				</div> 
342             			</div> 
343             		</div> 
344             	</div> 
345 			</div> 
346 		</div> 
347 	</section> 
348  
349 	<!-- Mobile --> 
350 	<section class="container mobile d-lg-none" style="margin-top: -7.5rem !important;"> 
351 		<div class="container position-relative py-5"> 
352 			<div class="row"> 
353 				<div class="offset-lg-8 col-lg-4 px-0 px-sm-3"> 
354                 	<div class="fixed-widget-offerta-container"> 
355                 		<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4"> 
356                 			<h4 class="darkish-pink text-uppercase small bolder mb-1">${title}</h4> 
357                             <#if showWidget> 
358                     			                              <!-- 
359                                    <form action="${formUrl}" method="GET"> 
360                                        <div class="row px-0 big letter-spacing-sm l12"> 
361                                            <div class="col-xs-6 text-left"> 
362                                                <div class="greyish-brown my-3"> 
363                                                    Disponibile per: 
364                                                </div> 
365                                            </div> 
366                                            <div class="col-xs-6 pt-3 text-right"> 
367                                                <#if hasLuce> 
368                                                    <span class="gradient-text pt-1"> 
369                                                        <i class="icon-energia normal"></i> Luce 
370                                                    </span> 
371                                                </#if> 
372                                                <#if hasGas> 
373                                                    <#assign marginCustom="" /> 
374                                                    <#if hasLuce> 
375                                                        <#assign marginCustom="ml-2" /> 
376                                                    </#if> 
377                                                    <span class="gradient-text pt-1"> 
378                                                        <i class="icon-gas normal ${marginCustom}"></i> Gas 
379                                                    </span> 
380                                                </#if> 
381                                            </div> 
382     									<input type="hidden" name="target" value="${target}" required /> 
383     									<input type="hidden" name="subtarget" value="${subtarget}" required /> 
384     									<input type="hidden" name="offerta" value="${offerta}" required /> 
385     									<input type="hidden" name="luce" value="${valueLuce}" required /> 
386     									<input type="hidden" name="gas" value="${valueGas}" required /> 
387                                        </div> 
388                                        <div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
389                                            Hai scelto <strong class="offerta-name">${title}</strong> <strong 
390                                                class="offerta-type"></strong> clicca su attiva per continuare. 
391                                        </div> 
392                                        <div class="justify-content-center"> 
393                                            <input 
394                                                class="attivaorasolmobile btn gradient white w-100 justify-content-center mt-3 mb-3" 
395                                                type="submit" value="Attiva ora!" /> 
396                                        </div> 
397   
398                                    </form> 
399                                    --> 
400									<div clas="d-flex justify-content-center text-center"> 
401                                        <#if (solsottoscrizione?contains("hera-no-problem")) && 
402                                            (!solsottoscrizione?contains("hera-no-problem-acqua")) 
403
404                                        <div class="row"> 
405                                            <div class="col-md-6"> 
406                                                <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${solnoproblemluce}">Attiva ora Luce!</a> 
407                                            </div> 
408                                            <div class="col-md-6"> 
409                                            <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${solnoproblemgas}">Attiva ora Gas!</a> 
410                                            </div> 
411                                        </div> 
412 
413                                        <#else> 
414                                        <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${solsottoscrizione}">Attiva ora!</a> 
415                                        </#if> 
416                                    </div> 
417                             <#elseif showForm> 
418                                 <div class="row px-0 big letter-spacing-sm l12"> 
419                                     <div class="col-md-6 text-left"> 
420                                         <div class="greyish-brown my-3"> 
421                                             Disponibile per: 
422                                         </div> 
423                                     </div> 
424                                     <div class="col-md-6 pt-3 text-right"> 
425                                         <#if hasLuce> 
426                                             <span class="gradient-text pt-1"> 
427                                                 <i class="icon-energia normal"></i> Luce 
428                                             </span> 
429                                         </#if> 
430                                         <#if hasGas> 
431                                             <#assign marginCustom = "" /> 
432                                             <#if hasLuce> 
433                                                 <#assign marginCustom = "ml-2" /> 
434                                             </#if> 
435                                             <span class="gradient-text pt-1"> 
436                                                 <i class="icon-gas normal ${marginCustom}"></i> Gas 
437                                             </span> 
438                                         </#if> 
439                                     </div> 
440                                 </div> 
441                                 <div class="x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
442                                     Hai scelto <strong>${title}</strong> clicca su attiva per continuare. 
443                                 </div> 
444                                 <div class="justify-content-center"> 
445                                 <a data-senna-off="true" href="${formSottoscriviUrl}" 
446								style="color:white;border-radius:5px" 
447								class="btn gradient white px-5 justify-content-center mt-3 mb-4" 
448								id="attivaora"> 
449								Attiva ora! 
450								</a>                                  
451							</div> 
452                             </#if> 
453                 		</div> 
454                 		<div class="white-two-bg position-relative text-center px-4 pb-3"> 
455                 			<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
456                 			<div class="row text-left"> 
457                 				<div class="col-xs-12 pb-2 text-center"> 
458                 					<a id="tichiamiamosol" class="gradient-text letter-spacing-sm font-weight-bold" 
459                                            href="#"> 
460                                            <i class="icon-phone-call big align-sub mr-1"></i> Ti chiamiamo noi 
461                                        </a> 
462                 				</div> 
463                                 <div class="col-xs-12 pb-2 text-center" id="vvc-activate-box-mobile"> 
464                                 </div> 
465                                 <!-- <div class="col-xl-6 pb-2 d-none"> 
466                 					<a class="gradient-text letter-spacing-sm font-weight-bold" href="#"> 
467             							  <i class="icon-info-alt big align-sub mr-1"></i> Attiva la chat 
468             						  </a> 
469             					</div> --> 
470             				</div> 
471             			</div> 
472             		</div> 
473             	</div> 
474 			</div> 
475 		</div> 
476         <div class="showmobilewidget mobile d-lg-none container gradient" 
477             style="position: fixed;bottom: 0px;z-index: 50;margin-left: -16px;"> 
478             <div class="row px-5 justify-content-center"> 
479                     <div class="col-xs-12 pb-3"> 
480                     <form action="${formUrl}" method="GET"> 
481                        <input type="hidden" name="target" value="${target}" required /> 
482                        <input type="hidden" name="subtarget" value="${subtarget}" required /> 
483                        <input type="hidden" name="offerta" value="${offerta}" required /> 
484                        <input type="hidden" name="luce" value="${valueLuce}" required /> 
485                        <input type="hidden" name="gas" value="${valueGas}" required /> 
486						<#if (solsottoscrizione?contains("hera-no-problem")) && 
487							(!solsottoscrizione?contains("hera-no-problem-acqua")) 
488
489                        <div class="row"> 
490                            <div class="col-md-6"> 
491                                <a id="attivaora"  
492                                class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1"  
493                                href="${solnoproblemluce}">Attiva ora Luce!</a> 
494                            </div> 
495                            <div class="col-md-6"> 
496                            <a id="attivaora"  
497                            class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1"  
498                            href="${solnoproblemgas}">Attiva ora Gas!</a> 
499                            </div> 
500                        </div> 
501                        <#else> 
502                        <a id="attivaora" class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1" 
503                        href="${solsottoscrizione}">Attiva ora!</a> 
504                        <!-- 
505                        <a class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1" 
506                            href="${formUrl}" data-tipoofferta="luce e gas"> 
507                            Attiva Ora 
508                        </a> 
509                        --> 
510                        </#if> 
511                     </form> 
512                     </div> 
513                 </div> 
514             </div> 
515         </div> 
516 	</section> 
517 <#else> 
518 </#if> 
519  
520    <#-- ************* Modale per avviso Condividi ************** --> 
521 <style> 
522     /* The Modal (background) */ 
523     .offerta-modal { 
524         display: none; /* Hidden by default */ 
525         position: fixed; /* Stay in place */ 
526         z-index: 1; /* Sit on top */ 
527         padding-top: 300px; /* Location of the box */ 
528         left: 0; 
529         top: 0; 
530         width: 100%; /* Full width */ 
531         height: 100%; /* Full height */ 
532         overflow: auto; /* Enable scroll if needed */ 
533         background-color: rgb(0,0,0); /* Fallback color */ 
534         background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
535
536  
537     /* Modal Content */ 
538     .offerta-modal-content { 
539         background-color: #fefefe; 
540         margin: auto; 
541         padding: 20px; 
542         border: 1px solid #888; 
543         width: 80%; 
544
545  
546     /* The close_offerta Button */ 
547     .close_offerta { 
548         color: #aaaaaa; 
549         float: right; 
550         font-size: 28px; 
551         font-weight: bold; 
552
553  
554     .close_offerta:hover, 
555     .close_offerta:focus { 
556         color: #000; 
557         text-decoration: none; 
558         cursor: pointer; 
559
560 </style> 
561  
562 <!-- The Modal --> 
563 <div id="myModal" class="modal offerta-modal" style="z-index:100"> 
564     <!-- Modal content --> 
565     <div class="modal-content offerta-modal-content col-lg-3"> 
566 	    <span class="close_offerta text-right" style="color:red;">&times;</span> 
567 	    <div> 
568 	        <h3 class="bigger text-center mb-3">Condividi l'offerta coi tuoi amici inoltrandogli questo link</h3> 
569 	        <input type="text" value="${completeUrl}" id="myInput" class="text-center" disabled> 
570 	    </div> 
571 	    <div class="text-center"> 
572 		    <button id="copyLinkButton" onclick="copyToClipBoard()" class="btn gradient white text-center mt-3">Copia Link</button> 
573 	    </div> 
574     </div> 
575 </div> 
576  
577 <script> 
578     // Get the modal 
579     var modal = document.getElementById("myModal"); 
580     // Get the button that opens the modal 
581     var btn = document.getElementById("myBtn"); 
582     var btnMobile = document.getElementById("myBtn_mobile"); 
583     // Get the <span> element that closes the modal 
584     var span = document.getElementsByClassName("close_offerta")[0]; 
585  
586     if (btn !== null) { 
587         // When the user clicks the button, open the modal 
588         btn.onclick = function() { 
589             modal.style.display = "block"; 
590             $("#copyLinkButton").prop( "disabled", false ); 
591
592
593  
594     if (btnMobile !== null) { 
595         btnMobile.onclick = function() { 
596         modal.style.display = "block"; 
597             $("#copyLinkButton").prop( "disabled", false ); 
598
599
600  
601     // When the user clicks on <span> (x), close the modal 
602     span.onclick = function() { 
603         modal.style.display = "none"; 
604         $("#copiedToClipboard").remove(); 
605
606  
607     // When the user clicks anywhere outside of the modal, close it 
608     window.onclick = function(event) { 
609         if (event.target == modal) { 
610             modal.style.display = "none"; 
611
612
613  
614     function copyToClipBoard() { 
615         /* Get the text field */ 
616         var copyText = document.getElementById("myInput"); 
617  
618         /* Select the text field */ 
619         copyText.select(); 
620  
621         /* Copy the text inside the text field */ 
622         document.execCommand("copy"); 
623  
624         /* Alert the copied text */ 
625  
626         $("#copyLinkButton").after('<div id="copiedToClipboard" class="text-center"><font color="green" size="2">Copiato</font></div>'); 
627         $("#copyLinkButton").prop( "disabled", true ); 
628
629 </script> 
630  
631 <#-- Sezione "Tariffa Except" --> 
632 <#if TitoloIntroComune??> 
633        <section id="tariffa-excerpt" class="quote-section"> 
634            <div class="container position-relative py-5"> 
635                <div class="row"> 
636 			<div class="col-lg-8"> 
637 				<div class="row"> 
638 					<div class="${colClassSoluzioni}"> 
639 					    <#if TitoloIntroComune?has_content>								 
640 						<h3 class="firstTitle--withCircle gradient-text title-big letter-spacing-sm bolder">${TitoloIntroComune.getData()}</h3> 
641 						</#if> 
642 					</div> 
643 				</div> 
644 				<#assign counter = 0/> 
645 				<#list TitoloIntro.getSiblings() as checkTitoloIntro> 
646 					<#assign counter = counter +1/>			   
647 				</#list> 
648 				<#if counter == 1 > 
649 					<#list TitoloIntro.getSiblings()?chunk(2) as titoloIntro> 
650 					<div class="row"> 
651 						<div class="${colClassSoluzioni}"> 
652 						<#if titoloIntro?has_content> 	 
653 							<#list titoloIntro as titolo> 
654 								<#if titolo??> 
655 									<#if titolo.getData() !=""> 
656 										<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${titolo.getData()}</h3> 
657 									</#if> 
658 								</#if> 
659 								<#if titolo.DescrizioneIntro??> 
660 									<#if titolo.DescrizioneIntro.getData() !=""> 
661 										<#if titolo.DescrizioneIntro.getData() !=""> 
662 											<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5"> 
663 												${titolo.DescrizioneIntro.getData()} 
664 											</blockquote> 
665 										</#if> 
666 									</#if> 
667 								</#if> 
668 							</#list>				   
669 						</#if> 
670 						</div> 
671 					</div> 
672 					</#list> 
673 				<#else> 
674 					<#list TitoloIntro.getSiblings()?chunk(2) as titoloIntro> 
675 					<div class="row"> 
676 						<#if titoloIntro?has_content> 	 
677 							<#list titoloIntro as titolo>								 
678 								<div class="col-lg-6"> 
679 								<#if titolo??> 
680 									<#if titolo.getData() !=""> 
681 										<h4 class="hc-pdp-subtitle bolder gradient-text">${titolo.getData()}</h4> 
682 									</#if> 
683 								</#if> 
684 								<#if titolo.DescrizioneIntro??> 
685 									<#if titolo.DescrizioneIntro.getData() !=""> 
686 										<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${titolo.DescrizioneIntro.getData()}</blockquote> 
687 									</#if> 
688 								</#if> 
689 								</div> 
690 							</#list>				   
691 						</#if> 
692 					</div> 
693 					</#list> 
694 				</#if> 
695 			</div> 
696 		</div> 
697 	</div> 
698 </section> 
699 </#if> 
700  
701 <#-- Sezione "Premio Annuo" --> 
702 <#if DescrizioneTestoEvidenza.getData() != ""> 
703 	<section id="premio-annuo" class="d-none d-lg-block"> 
704 		<div class="container position-relative py-5"> 
705 			<div class="row mt-5 py-5"> 
706 				<div class="${colClassSoluzioni}" style="padding-top: 50px ;"> 
707 					${DescrizioneTestoEvidenza.getData()} 
708 					<#if InfoTestoEvidenza??> 
709 						<#if InfoTestoEvidenza.getData()?? && InfoTestoEvidenza.getData() != ""> 
710 							<hr class="my-3" /> 
711 							${InfoTestoEvidenza.getData()} 
712 						</#if> 
713 					</#if> 
714 				</div> 
715 			</div> 
716 		</div> 
717 	</section> 
718  
719 
720            <!-- Mobile --> 
721 	<section id="premio-annuo-mobile" class="mobile d-lg-none" style="background-image: linear-gradient(281deg,#9b3cb7 0%,#f24474 60%);background-repeat: no-repeat;background-size: 100vw 100%;background-position: top left;"> 
722 		<div class="container position-relative"> 
723 			<div class="row"> 
724 				<div class="${colClassSoluzioni}" style="padding-top: 50px ;"> 
725 					${DescrizioneTestoEvidenza.getData()} 
726 					<#if InfoTestoEvidenza??> 
727 						<#if InfoTestoEvidenza.getData()?? && InfoTestoEvidenza.getData() != ""> 
728 							<hr class="my-3" /> 
729 							${InfoTestoEvidenza.getData()} 
730 						</#if> 
731 					</#if> 
732 				</div> 
733 			</div> 
734 		</div> 
735 	</section> 
736 </#if> 
737  
738 <#-- ************* Sezione "Coperture" ************* --> 
739 <#if TitoloTestoAggiuntivo??> 
740 	<#if TitoloTestoAggiuntivo.getData()?? && TitoloTestoAggiuntivo.getData() != ""> 
741 		<section id="coperture"> 
742 			<div class="container py-5"> 
743 				<div class="row"> 
744 					<div class="${colClassSoluzioni}"> 
745 						<h3 class="title-big black-three letter-spacing-sm bolder pb-4">${TitoloTestoAggiuntivo.getData()}</h3> 
746 						<#if DescrizioneTestoAggiuntivo.getData()?? && DescrizioneTestoAggiuntivo.getData() != ""> 
747 							${DescrizioneTestoAggiuntivo.getData()} 
748 						</#if> 
749 					</div> 
750 				</div> 
751 			</div> 
752 		</section> 
753 	</#if> 
754 </#if> 
755  
756 <#-- ************* Sezione "L'offerta nel Dettaglio" ************* --> 
757 <#if TestoDettaglioOfferta.getSiblings()?has_content && TestoDettaglioOfferta.getData() != ""> 
758 	<section id="list" class="white-two-bg py-5 d-none d-lg-block"> 
759 		<div class="container py-3"> 
760 			<h3 class="title-big black-three letter-spacing-sm bolder">Ulteriori dettagli</h3> 
761 			<div class="row mt-4 pt-3"> 
762 				<div class="${colClassSoluzioni}"> 
763 					<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
764 						<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
765 							<#assign colorCheck = cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
766 							<#if colorCheck == "verde"> 
767 								<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
768 							<#else> 
769 								<li>${cur_TestoDettaglioOfferta.getData()}</li> 
770 							</#if> 
771 						</#list> 
772 					</ul> 
773 				</div> 
774 			</div> 
775 		</div> 
776 	</section> 
777  
778 	<!-- Mobile --> 
779 	<section id="list" class="white-two-bg pt-5 mobile d-lg-none"> 
780 		<div class="container py-3"> 
781 			<h3 class="title-big black-three letter-spacing-sm bolder">Ulteriori dettagli</h3> 
782 			<#if urlcustom?contains("hera-caldaia-sicura")> 
783     			<div class="container"> 
784     			    <div class="row col-lg-12 black-three big letter-spacing-sm l15 pr-lg-5 mt-4"> 
785     			        <p><strong>Nell'offerta è inclusa* una polizza per i primi 24 mesi che copre i piccoli guasti: invio di un tecnico qualificato manodopera e pezzi di ricambio inclusi, fino a 2 interventi all'anno.</strong></br></p><p>Quali sono i tecnici inclusi?</p> 
786     			    </div> 
787     			</div> 
788 			</#if> 
789 			<div class="row mt-4 pt-3"> 
790 				<div class="${colClassSoluzioni}"> 
791 					<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
792 						<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
793 							<#assign colorCheck = cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
794 							<#if colorCheck == "verde"> 
795 								<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
796 							<#else> 
797 								<li>${cur_TestoDettaglioOfferta.getData()}</li> 
798 							</#if> 
799 						</#list> 
800 					</ul> 
801 				</div> 
802 			</div> 
803 		</div> 
804 	</section> 
805 </#if> 
806  
807 <#-- ************* Banner Curvo ************* --> 
808 <#if SottoscrizioneAdOffertaHeraObbligatoria??> 
809 	<#if SottoscrizioneAdOffertaHeraObbligatoria.getData() == 'si'> 
810 		<section class="waves-banner white-waves-bg pt-5 d-none d-lg-block" id="vuoi-risparmiare-tempo"> 
811 			<div class="container pt-5"> 
812 				<div class="row align-items-left"> 
813 					<div class="col-lg-12"> 
814 						<p class="black-three big letter-spacing-sm">La soluzione innovativa può essere acquistata <strong>se hai già attiva una nostra offerta</strong></p> 
815 						<h3 class="x-bigger bolder letter-spacing-sm d-inline-block mr-4 gradient-text pb-2">Non hai ancora una fornitura HERA attiva?</h3> 
816 						<br /> 
817 						<#if urlcustom?contains("/business/")> 
818 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas/partite-iva-professionisti"><span>Passa a Hera</span></a> 
819 						<#else> 
820 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas"><span>Passa a Hera</span></a> 
821 						</#if> 
822 					</div> 
823 				</div> 
824 			</div> 
825 		</section> 
826  
827         <!-- Mobile --> 
828 		<section class="waves-banner white-waves-bg pt-5 mobile d-lg-none" id="vuoi-risparmiare-tempo"> 
829 			<div class="container"> 
830 				<div class="row align-items-left"> 
831 					<div class="col-lg-12"> 
832 						<p class="black-three big letter-spacing-sm">La soluzione innovativa può essere acquistata <strong>se hai già attiva una nostra offerta</strong></p> 
833 						<h3 class="x-bigger bolder letter-spacing-sm d-inline-block mr-4 gradient-text pb-2">Non hai ancora una fornitura HERA attiva?</h3> 
834 						<br /> 
835 						<#if urlcustom?contains("/business/")> 
836 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas/partite-iva-professionisti"><span>Passa a Hera</span></a> 
837 						<#else> 
838 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas"><span>Passa a Hera</span></a> 
839 						</#if> 
840 					</div> 
841 				</div> 
842 			</div> 
843 		</section> 
844 	</#if> 
845 </#if> 
846  
847 <#-- ************* Sezione "Documenti e Modulistica" ************* --> 
848 <#if DocumentiEModulistica??> 
849     <#if DocumentiEModulistica.getData() != ""> 
850       	<#if DocumentiEModulistica.getSiblings()?has_content> 
851       		<section id="doc-list" class="pt-5 pb-4" > 
852       			<div class="container py-5"> 
853       				<h3 class="title-big black-three letter-spacing-sm bolder mt-5 pt-3">Documenti e Modulistica</h3> 
854       				<div class="row"> 
855       					<div class="${colClassSoluzioni}"> 
856       						<div class="row mt-5 pl-lg-5"> 
857       							<#list DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
858       								<#assign dlFileEntryService = objectUtil("com.liferay.document.library.kernel.service.DLFileEntryServiceUtil") /> 
859       								<#if cur_documentoAllegato.getData() != ""> 
860       									<#assign counterDocAll = 0 /> 
861       									<#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
862       										<#if counterDocAll == 2> 
863       											<#assign groupIdDocAll = xDocAll?number /> 
864       										</#if> 
865       										<#if counterDocAll == 5> 
866       											<#assign uuIdDocAll = xDocAll /> 
867       											<#assign counterUuIdDocAll = 0 > 
868       											<#list "${xDocAll}"?split("?") as xUuIdDocAll> 
869       												<#if counterUuIdDocAll == 0> 
870       													<#assign uuIdDocAll = xUuIdDocAll /> 
871       												</#if> 
872       												<#assign counterUuIdDocAll = counterUuIdDocAll + 1 /> 
873       											</#list> 
874       										</#if> 
875       										<#assign counterDocAll = counterDocAll + 1 /> 
876       									</#list> 
877       									<#assign fileDocAll = dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
878 
879                                         <#assign firstdocchars=fileDocAll.fileName?keep_before("_") /> 
880                                         <#if (firstdocchars != "HC" && firstdocchars != "CMV" && 
881                                         firstdocchars != "HCNE" && firstdocchars != "HCM")> 
882                                         <div class="col-md-4 col-sm-6"> 
883 											<div class="row mb-3"> 
884 												<div class="col-2 text-xl-center"> 
885 													<i class="icon-doc gradient-text x-bigger"></i> 
886 												</div> 
887 												<div class="col-10 pl-md-0"> 
888 													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
889 														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
890 													</a> 
891 												</div> 
892 											</div> 
893 										</div> 
894                                         <#else> 
895                                          
896                                         <#if (firstdocchars==docCompare1) || (firstdocchars==docCompare2)> 
897 										<div class="col-md-4 col-sm-6"> 
898 											<div class="row mb-3"> 
899 												<div class="col-2 text-xl-center"> 
900 													<i class="icon-doc gradient-text x-bigger"></i> 
901 												</div> 
902 												<div class="col-10 pl-md-0"> 
903 													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
904 														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
905 													</a> 
906 												</div> 
907 											</div> 
908 										</div> 
909 									    </#if> 
910 									   </#if> 
911       									 
912       									 
913       									 
914       									 
915       								</#if> 
916       							</#list> 
917       						</div> 
918       					</div> 
919       				</div> 
920       			</div> 
921       		</section> 
922       	</#if> 
923     </#if> 
924 </#if>