An error occurred while processing the template.
The following has evaluated to null or missing:
==> themeDisplay.getURLCurrent()?split("?")[1] [in template "20101#20128#277105" at line 466, column 21]
----
Tip: It's the final [] step that caused this error, not those before it.
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign ProductIds = themeDisplay.get... [in template "20101#20128#277105" at line 466, column 1]
----
1<style>
2.select2-search--dropdown {
3 display: none;
4}
5.row.medical_row {
6 margin-right: -10px;
7 margin-left: -10px;
8}
9.medical_row .col-md-3, .medical_row .col-md-4 {
10 padding: 10px;
11}
12.blue_bg span.icon_circle_bg {
13 min-width: 65px;
14 min-height: 65px;
15}
16.card_search img {
17 min-width: 150px;
18 max-height: 66px;
19}
20.web_text_right{
21 text-align: right;
22}
23.mt_5 {
24 margin-top: 5.3rem;
25}
26.lh_20 {
27 line-height: 20px;
28}
29.health_center{
30 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
31 background-color: #ffffff;
32 overflow: auto;
33}
34.health_center ul{
35 border: 0;
36 min-width: max-content;
37}
38.health_center ul li {
39 border-right: 1px solid #eee;
40 position: relative;
41 min-height: 85px;
42 display: flex;
43 align-items: center;
44}
45.health_center ul li:last-child {
46 border-right: 0;
47}
48.health_center ul li a{
49 display: block;
50 padding: 16px 18px;
51 text-align: center;
52 font-size: 16px;
53 font-weight: bold;
54 color: #000;
55 text-transform: uppercase;
56}
57.health_center ul li a.active{
58 color: #e15b29;
59 background: #fff;
60}
61.health_center ul li a.active::before {
62 content: "";
63 display: block;
64 position: absolute;
65 width: 100%;
66 height: 4px;
67 bottom: 0;
68 left: 0;
69 background-image: linear-gradient(to top, #e87d2c, #e15b29);
70}
71 .font_48 {
72 font-size: 48px;
73 }
74 ul.health_diab {
75 padding-left: 15px;
76 }
77 ul.health_diab li {
78 padding-left: 24px;
79 }
80 p, ul {
81 line-height: 22px;
82 }
83 .card_index {
84 z-index: 10;
85 position: relative;
86 }
87 .reddish_orange {
88 position: relative;
89 background-image: linear-gradient(to top, #f26221, #f5851f);
90 }
91 .reddish_orange::before, .bbg_blue::before, .bg_greens::before {
92 content: "";
93 position: absolute;
94 display: block;
95 background: #fff;
96 width: 100%;
97 height: 10%;
98 top: 0;
99 }
100 .reddish_orange::after, .bbg_blue::after {
101 content: "";
102 position: absolute;
103 display: block;
104 background: #fff;
105 width: 100%;
106 height: 12%;
107 bottom: 0;
108 }
109 .bbg_blue {
110 position: relative;
111 background-image: linear-gradient(to top, #004779, #0184c9);
112 }
113 .bg_greens {
114 position: relative;
115 background-image: linear-gradient(to top, #00833d, #50b848);
116 }
117 .mt_4-2 {
118 margin-top: 4.2rem;
119 }
120 .arrow_bottom {
121 position: fixed;
122 width: 75px;
123 height: 75px;
124 border-radius: 100px;
125 background-color: #fff;
126 box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
127 top: 45%;
128 right: 3.5rem;
129 z-index: 1001;
130 }
131 .arrow_bottom img {
132 position: absolute;
133 top: 21px;
134 left: 13px;
135 }
136.cigna_pagination {
137 display: inline-block;
138}
139
140.cigna_pagination a {
141 color: black;
142 float: left;
143 text-decoration: none;
144 font-size: 14px;
145 width: 25px;
146 height: 25px;
147 position: relative;
148 display: flex;
149 align-items: center;
150 justify-content: center;
151}
152.cigna_pagination a:first-child {
153 border: 1px solid #e9853a;
154 border-radius: 2px;
155 margin-right: 10px;
156 color: #e9853a;
157 text-shadow: 0 0 0 #e9853a;
158}
159.cigna_pagination a:last-child {
160 border: 1px solid #e9853a;
161 border-radius: 2px;
162 margin-left: 10px;
163 color: #e9853a;
164 text-shadow: 0 0 0 #e9853a;
165}
166
167.cigna_pagination a.active:before, .cigna_pagination a:hover:before {
168 color: black;
169 content: "";
170 background: #e9853a;
171 width: 60%;
172 height: 3px;
173 position: absolute;
174 bottom: -2px;
175}
176.select_policy_card {
177 height: 110px;
178}
179.img_height {
180 margin-top: -10px;
181}
182.policy_select {
183 position: relative;
184 top: 0;
185 display: inline-flex;
186 width: 20px;
187 height: 20px;
188 background: #fff;
189 border-radius: 100px;
190 font-size: 12px;
191 border: solid 2px #b7b7b7;
192}
193.policy_select:after {
194 left: 5px;
195 top: 2px;
196 width: 6px;
197 height: 10px;
198 border: 1px solid #b7b7b7;
199 border-width: 0 2px 2px 0;
200 -webkit-transform: rotate(45deg);
201 -ms-transform: rotate(45deg);
202 transform: rotate(45deg);
203 content: "";
204 position: absolute;
205}
206input[type=checkbox]:checked + .policy_select {
207 background-image: linear-gradient(to top, #f26221, #f5851f);
208 border: 0;
209 width: 20px;
210 height: 20px;
211}
212input[type=checkbox]:checked + .policy_select:after {
213 left: 7px;
214 top: 3px;
215 width: 7px;
216 height: 12px;
217 border: 1px solid #fff;
218 border-width: 0 2px 2px 0;
219}
220.selecty_card {
221 position: absolute;
222 width: 100%;
223 height: 100%;
224 z-index: 1;
225 opacity: 0;
226 cursor: pointer;
227}
228.policy_cardx {
229 cursor: pointer;
230 border: 2px solid #f4772000;
231}
232.policy_cardx.active {
233 border: 2px solid #f47720;
234 box-shadow: 0 0 32.2px 2.8px rgba(244, 126, 31, 0.2);
235}
236.mob_select_plans {
237 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
238 margin: 0 -15px;
239 position: fixed;
240 bottom: 0;
241 background: #fff;
242 width: 100%;
243}
244.mob_select_plans .row {
245 margin: 0 -4px;
246}
247.nmt_20 {
248 margin-top: -20px;
249}
250.select2-container--default .select2-selection--single {
251 border: 0;
252 border-radius: 10px 10px 0 0;
253 background-image: linear-gradient(to bottom,#0184c9,#004779);
254 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
255 height: 74px;
256 line-height: 70px;
257}
258.select2-container--default .select2-selection--single .select2-selection__rendered {
259 color: #fff;
260 line-height: 70px;
261 font-size: 18px;
262 font-weight: bold;
263 overflow: inherit;
264 padding-left: 26px;
265}
266.select2-container--default .select2-selection--single .select2-selection__arrow {
267 right: 22px;
268 color: #fff;
269 font-size: 24px;
270}
271.select2-results__option {
272 font-size: 18px;
273 padding: 14px 27px;
274 position: relative;
275}
276.select2-container--default .select2-results__option[aria-selected="true"],
277.select2-container--default .select2-results__option--highlighted[aria-selected] {
278 background-color: #d3e8f5;
279 color: #1685ca;
280 font-weight: bold;
281}
282.select2-container--default .select2-results__option[aria-selected="true"]::before,
283.select2-container--default .select2-results__option--highlighted[aria-selected]::before {
284 content: "";
285 height: 100%;
286 width: 4px;
287 position: absolute;
288 background: #1685ca;
289 left: 0;
290 top: 0;
291}
292.select2-container--open .select2-dropdown--below {
293 border-radius: 0 0 10px 10px;
294 border: 2px solid #1685ca;
295 box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
296 border-top: 0
297}
298.select2-results__options {
299 border-radius: 0 0 10px 10px;
300}
301.select2-container--default .select2-results > .select2-results__options {
302 max-height: 265px;
303 overflow-y: auto;
304}
305ul.checked_list {
306 padding: 0;
307 margin: 0;
308 list-style: none;
309}
310ul.checked_list li {
311 position: relative;
312 padding-left: 25px;
313 font-size: 14px;
314 margin-bottom: 20px;
315 line-height: 15px;
316 background-image: url(../images/icons/right_gr.png);
317 background-repeat: no-repeat;
318 background-position: 0 0;
319}
320.btn_explore {
321 position: absolute;
322 bottom: 25px;
323}
324.select2-container--default .select2-selection__arrow.open:before {
325 content: "\f106";
326}
327
328@media only screen and (max-width: 767px) {
329 .btn.btn-secondary, .btn.btn-primary {
330 height: 35px;
331 line-height: 32px;
332 font-size: 11px;
333 padding: 0 25px;
334 }
335 .health_center {
336 margin-right: -15px;
337 }
338 .health_center ul li {
339 min-height: 55px;
340 }
341 .health_center ul li a{
342 font-size: 11px;
343 padding: 10px 8px;
344 width: 131px;
345 line-height: 14px;
346 text-align: left;
347 }
348 .mob_text_center{
349 text-align: center;
350 }
351 .mob_no_card.card{
352 box-shadow: none;
353 }
354 .mt_4-2 {
355 margin-top: 2.2rem;
356 }
357 .mt_5 {
358 margin-top: 2.3rem;
359 }
360
361.reddish_orange::before, .bbg_blue::before, .bg_greens::before,
362.reddish_orange::after, .bbg_blue::after {
363 height: 3%;
364 }
365 .arrow_bottom {
366 width: 40px;
367 height: 40px;
368 right: 0.5rem;
369 }
370 .arrow_bottom img {
371 position: absolute;
372 top: 11px;
373 left: 5px;
374 width: 33px;
375 }
376 h2, .h2 {
377 font-size: 20px;
378 }
379 p, ul {
380 line-height: 18px;
381 }
382 ul.health_diab li {
383 padding-left: 15px;
384 }
385 .row.medical_row.prod_uct {
386 margin-right: -5px;
387 margin-left: -5px;
388 }
389 .medical_row.prod_uct .col-6 {
390 padding-left: 5px;
391 padding-right: 5px;
392 }
393 .select2-container--default .select2-selection--single {
394 height: 38px;
395 line-height: 40px;
396 }
397 .select2-container--default .select2-selection--single .select2-selection__rendered {
398 font-size: 10px;
399 line-height: 40px;
400 padding-left: 12px;
401 }
402 .select2-container--default .select2-selection--single .select2-selection__arrow {
403 right: 0px;
404 font-size: 16px;
405 }
406 .select2-results__option {
407 font-size: 10px;
408 padding: 6px 10px;
409 }
410 .border_bottoms {
411 position: relative;
412 padding-bottom: 20px;
413 }
414 .border_bottoms::after {
415 content: "";
416 position: absolute;
417 background: #dee2e6;
418 width: 90%;
419 height: 1px;
420 bottom: 0;
421 left: 15px;
422 }
423 .border_bottoms:last-child::after {
424 content: unset;
425 }
426 ul.checked_list li {
427 font-size: 10px;
428 line-height: 16px;
429 padding-left: 22px;
430 background-image: url(../images/icons/right_gr1.png);
431 background-position: 0px 2px;
432 }
433 }
434
435 .select2-container--default .select2-selection__arrow:before {
436 content: "\f107";
437 position: absolute;
438 right: 10px;
439 font-family: fontAwesome;
440 top: -1px;
441}
442
443.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
444
445@media only screen and (max-width: 767px) {
446 .mb_40 {
447 margin-bottom: 40px;
448 }
449 p.font_14 {
450 font-size: 11px !important;
451 }
452 .row.medical_row {
453 margin-right: -5px;
454 margin-left: -5px;
455 }
456 .row.medical_row .col-6 {
457 padding: 5px
458 }
459 .card.h-100 {
460 height: calc(100% - 40px) !important;
461 }
462 }
463
464
465</style>
466<#assign ProductIds=themeDisplay.getURLCurrent()?split("?")[1]?split("=")>
467<#if themeDisplay.getURLCurrent()?contains("%2C")>
468<#assign ProductIds=themeDisplay.getURLCurrent()?split("?")[1]?split("=")[1]?split("%2C")>
469<#else>
470
471<#assign ProductIds=themeDisplay.getURLCurrent()?split("?")[1]?split("=")[1]?split(",")>
472</#if>
473
474
475 <!-- mid content start-->
476
477 <div class="fixed mb-5 mt-4">
478 <h2 class="bold mt-3">${Heading.getData()}</h2>
479 <p class="font_18 pt-3">${Heading.SubHeading.getData()}</p>
480
481 <div class="row medical_row prod_uct">
482
483 <#list 1..ProductIds?size as i>
484 <div class="col-md-4 col-6 plan${i}">
485 <div class="compare_product mb-1">
486 <select id="select-box${i}" class="select2 w-100 selected-box" name="payment">
487 <#if ProductName.getSiblings()?has_content>
488 <#list ProductName.getSiblings() as cur_ProductName>
489 <#assign selectedTxt="">
490 <#if ProductIds[i-1]==cur_ProductName.ProductId.getData()>
491 <#assign selectedTxt="selected">
492 </#if>
493
494 <option value="${cur_ProductName.ProductId.getData()}"
495 ${selectedTxt}>${cur_ProductName.getData()}</option>
496 </#list>
497 </#if>
498 </select>
499
500
501 </div>
502 </div>
503 </#list>
504
505 </div>
506 <div class="row medical_row">
507 <#list 1..ProductIds?size as i>
508 <div class="col-md-4 col-6">
509
510 <#if ProductName.getSiblings()?has_content>
511 <#list ProductName.getSiblings() as cur_ProductName>
512 <#assign activeTxt="hide">
513 <#if ProductIds[i-1]==cur_ProductName.ProductId.getData()>
514 <#assign activeTxt="active">
515 </#if>
516 <div id="cigna_plan_${cur_ProductName.ProductId.getData()}_${i}" class="card h-100 mb_40 round pb-md-5 p-4 tab-content_${i} ${activeTxt}">
517
518 <#if cur_ProductName.ProductContentHeading.getSiblings()?has_content>
519 <#list cur_ProductName.ProductContentHeading.getSiblings() as cur_ProductContentHeading>
520 <p class="bold font_14">${cur_ProductContentHeading.getData()}</p>
521 <p class="font_14">${cur_ProductContentHeading.ProductContentDetails.getData()}</p>
522 </#list>
523 </#if>
524 <div class = "pb-5">
525 <div class="btn_explore">
526 <#assign friURL = "">
527 <#if cur_ProductName.ProductId.getData() == "ProductPrime">
528 <#assign friURL = "/hospitalization-cover/prohealth-insurance">
529 <#elseif cur_ProductName.ProductId.getData() == "R06SBLF">
530 <#assign friURL = "hospitalization-cover/hospitalisation-plan-ph">
531
532 <#elseif cur_ProductName.ProductId.getData() == "SLT01SB01">
533 <#assign friURL = "/hospitalization-cover/prohealth-select">
534 <#elseif cur_ProductName.ProductId.getData() == "SS02SBLF">
535 <#assign friURL = "/hospitalization-cover/super-topup">
536 <#elseif cur_ProductName.ProductId.getData() == "CSH01SB">
537 <#assign friURL = "/daily-hospital-cash/prohealth-cash">
538 <#elseif cur_ProductName.ProductId.getData() == "ACC01SB">
539 <#assign friURL = "/personal-accident-cover/lifestyle-protection-accident-care">
540 <#elseif cur_ProductName.ProductId.getData() == "CRC02SB">
541 <#assign friURL = "/critical-illness-cover/lifestyle-protection-critical-care">
542
543 <#else>
544 <#assign friURL = "#">
545 </#if>
546 <a href = "${friURL}" class="btn btn-primary semi-bold">EXPLORE PLANS <i class="fa fa-angle-right"></i> </a>
547 </div>
548 </div>
549
550 </div>
551
552 </#list>
553 </#if>
554
555 </div>
556 </#list>
557 </div>
558
559
560 </div>
561
562
563
564
565
566 <!-- script -->
567 <script type="text/javascript">
568 //$(".select2").select2();
569
570 $(document).ready(function(){
571
572
573 $('.tab-content').hide();
574
575 $('#select-box1').change(function () {
576
577 dropdown = $('#select-box1').val();
578 console.log("Select 1 triggered--Dropdown value---",dropdown);
579 $('.tab-content_1').addClass('hide');
580
581 $('#' + "cigna_plan_" + dropdown +"_1").removeClass('hide');
582 });
583
584 $('#select-box2').change(function () {
585 dropdown = $('#select-box2').val();
586 console.log("Select 2 triggered--Dropdown value---",dropdown);
587 $('.tab-content_2').addClass('hide');
588
589 $('#' + "cigna_plan_" + dropdown +"_2").removeClass('hide');
590 });
591
592 $('#select-box3').change(function () {
593 dropdown = $('#select-box3').val();
594 console.log("Select 3 triggered--Dropdown value---",dropdown);
595 $('.tab-content_3').addClass('hide');
596
597 $('#' + "cigna_plan_" + dropdown +"_3").removeClass('hide');
598 });
599
600 $('.plan3').addClass('mob_hide')
601
602 });
603
604 $(".prod_uct .plan1").click(function(){
605 $(".prod_uct .plan1 .select2-selection__arrow").toggleClass("open");
606 });
607 $(".prod_uct .plan2").click(function(){
608 $(".prod_uct .plan2 .select2-selection__arrow").toggleClass("open");
609 });
610 $(".prod_uct .plan3").click(function(){
611 $(".prod_uct .plan3 .select2-selection__arrow").toggleClass("open");
612 });
613 </script>