An error occurred while processing the template.
The following has evaluated to null or missing:
==> bankercode  [in template "10154#10192#154680751" at line 47, column 6]

----
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: #if bankercode?starts_with("amp") && ...  [in template "10154#10192#154680751" at line 47, column 1]
----
1<#assign utilServ = (serviceLocator.findService("com.elan.crc.utilites.service.CRCRemoteServiceService"))! /> 
2<#assign url404 = '/error/404.html' > 
3<#assign oadURL = propsUtil.get('elan.oad.url') > 
4<#assign url = themeDisplay.getURLCurrent() > 
5<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
6 
7<#if qstringmap["ecid"]?has_content> 
8    <#assign ecidExt = qstringmap["ecid"]?first> 
9    <#assign ecidExt = htmlUtil.escape(ecidExt)> 
10    <#assign ecidExt = htmlUtil.escapeJS(ecidExt)> 
11    <#assign ecidExt = "&ecid=" + ecidExt> 
12<#else> 
13    <#assign ecidExt=""> 
14</#if> 
15 
16<#if qstringmap["bankercode"]?has_content> 
17    <#assign bankercode = qstringmap["bankercode"]?first> 
18    <#assign bankercode = htmlUtil.escape(bankercode)> 
19    <#assign bankercode = htmlUtil.escapeJS(bankercode)> 
20 
21    <#assign fiData= utilServ.makeCall('crcDDCBankerAssistedAppSql','0&'+bankercode)> 
22    <#if fiData?first?has_content> 
23        <#assign fi = fiData?first> 
24        <#if ((fi.projectId == "12") || (fi.projectId == "13") || (fi.projectId == "14") || (fi.projectId == "15"))> 
25            <#assign subbu_special = fi.offerId> 
26        </#if> 
27    </#if>  
28 
29    <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetailSql','0&'+bankercode)> 
30    <#list bData as b>         
31      <#assign rLC = b.reallocationcode > 
32      <#assign lc = b.locationcode > 
33      <#assign mappedLC = b.mappedLocationCode > 
34    </#list>     
35<#else> 
36    <script> 
37        console.log("MainProductBcode missing"); 
38        location.href = '${url404}'; 
39    </script> 
40</#if> 
41 
42<#if url?contains('11t1')> 
43    <#assign tier = '11t1'> 
44<#elseif url?contains('11t2')> 
45    <#assign tier = '11t2'> 
46</#if> 
47<#if bankercode?starts_with("amp") && (url?contains("11t1m"))> 
48    <#assign ameriprise = true> 
49<#else> 
50    <#assign ameriprise = false> 
51</#if> 
52<#if ameriprise> 
53    <#assign tier = '11t1m'> 
54</#if> 
55<#assign environment = url?replace('/${tier}.*','','r')> 
56 
57 
58<#if mappedLC?has_content && !ameriprise> 
59    <#assign lc = mappedLC > 
60</#if> 
61 
62<#if lc?has_content> 
63    <#assign prefix = "00000" > 
64    <#assign lcWithPrefix = prefix + lc > 
65    <#assign withPrefixLength = lcWithPrefix?length > 
66    <#assign startHere = withPrefixLength - 5> 
67    <#assign lc = lcWithPrefix?substring(startHere)> 
68    <#assign clientProfileService = (serviceLocator.findService("com.elan.crc.user.service.CrcClientProfileLocalService"))! /> 
69    <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
70 
71    <#assign clientProfile = clientProfileList?first> 
72    <#assign partnerName = clientProfile.getMarketingNameLong()> 
73    <#assign logoFileName = clientProfile.getLogoBFormat1()?replace(".", "-")?replace("-([^-]*)$", ".$1", "r")?lower_case> 
74    <#assign cdnLogoUrl = (propsUtil.get('rackspace.cdn.web.url'))!> 
75    <#-- <#assign cdnLogoUrl = "https://828cf7dcac86961192f7-10b53e8cad49907c7863edad15b39700.ssl.cf2.rackcdn.com"> --> 
76    <#assign pbu = clientProfile.getPbu()> 
77    <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
78    <script> 
79        /* 
80        console.log('pbu', '${pbu!''}'); 
81        console.log('subbu', '${subbu!''}'); 
82        console.log('url', '${url!''}'); 
83        console.log('environ', '${environment!''}'); 
84        console.log('tier', '${tier!''}'); 
85        console.log('logo from client profile:', "${clientProfile.getLogoBFormat1()!''}","logo after change:", "${logoFileName!''}"); 
86        */ 
87    </script>       
88    <#assign optoutData = utilServ.makeCall('crc_DDCSAAOptOut',pbu+'&'+subbu)> 
89    <#if (optoutData?size == 0)> 
90        <#if (subbu_special?has_content)> 
91            <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu_special)>  
92            <script> 
93                //console.log('new subbu', '${subbu_special!''}'); 
94            </script>  
95        <#else> 
96            <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu)>  
97        </#if> 
98        <#assign clientDataService = (serviceLocator.findService("com.elan.crc.user.service.CrcPbuLocalService"))! /> 
99        <#assign clientProfileDataList = clientDataService.getByPbuAndSubBu(pbu,subbu)> 
100        <#assign partnerUrl = clientProfileDataList.getPartnerMainUrl()> 
101        <#if partnerUrl?has_content && !partnerUrl?matches(r"(?i)^https?\:\/\/.*")>             
102            <#assign partnerUrl = 'https://' + partnerUrl> 
103        </#if> 
104        <#if (fiCardsData?size > 0)> 
105            <#assign temp = []> 
106            <#assign offerTypeList = []>        
107            <#assign index = 0> 
108            <#list fiCardsData as fib> 
109                <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))>  
110                    <#assign offerTypeList = offerTypeList + [fib.offerType]>                   
111                    <#assign temp = temp + fiCardsData[index..index]>  
112                </#if>  
113                <#assign index = index + 1> 
114            </#list>  
115            <#assign fiCardsData = temp> 
116            <#if !(fiCardsData?size > 0)>  
117                <script> 
118                    console.log("empty card/offerType List"); 
119                    location.href = '${url404}'; 
120                </script> 
121            </#if> 
122            <#if ameriprise> 
123                <#assign lc_used = mappedLC>  
124            <#else> 
125                <#assign lc_used = lc>  
126            </#if>             
127            <div class="content-container content-container-main" title="${partnerName!''}"> 
128                <header class="jn-header"> 
129                    <div class="back-overview hide-desktop">  
130                        <a  href="${environment}/${tier}/index?bankercode=${bankercode}&ecdma-lc=${lc_used}${ecidExt}">Home</a> 
131                    </div>   
132                    <div class="header-main-logo" title="${partnerName!''}"> 
133                        <#if partnerUrl?has_content> 
134                            <a href="${partnerUrl!''}" title="${partnerName!''}"> 
135                            <img src="${cdnLogoUrl!''}/${logoFileName!''}" title="${partnerName!''} Logo" alt="${partnerName!''} Logo">  
136                            </a> 
137                        <#else> 
138                            <a title="${partnerName!''}"> 
139                            <img src="${cdnLogoUrl!''}/${logoFileName!''}" alt="${partnerName!''} Logo" title="${partnerName!''} Logo"> 
140                            </a> 
141                        </#if> 
142                    </div> 
143                     
144                    <div class="styled-select slate"> 
145                        <select> 
146                            <#list fiCardsData as fib> 
147                                <#if ameriprise> 
148                                    <#if (fib.offerType=="101")> 
149                                        <#assign productURL="premier-visa-signature"> 
150                                        <#assign productName="Ameriprise Premier Visa Signature"> 
151                                    <#elseif (fib.offerType=="103")>      
152                                        <#assign productURL = "visa-signature"> 
153                                        <#assign productName = "Ameriprise Visa Signature">                              
154                                    </#if> 
155                                <#else> 
156                                    <#if (fib.offerType=="108" || fib.offerType=="109")> 
157                                        <#assign productURL="consumer-platinum2103"> 
158                                        <#assign productName="Platinum Card"> 
159                                    <#elseif fib.offerType=="147"> 
160                                        <#assign productURL = "max-cash-secured"> 
161                                        <#assign productName = "Max Cash Secured Card" > 
162                                    <#elseif (fib.offerType=="104")> 
163                                        <#assign productURL = "max-cash"> 
164                                        <#assign productName = "Max Cash Preferred Card">                                    
165                                    <#elseif (fib.offerType=="101" || fib.offerType=="103")> 
166                                        <#assign productURL = "consumer-edr2112"> 
167                                        <#assign productName = "Everyday Rewards+"> 
168                                    <#elseif fib.offerType == "115"> 
169                                        <#assign productURL = "secured"> 
170                                        <#assign productName = "Secured Card" > 
171                                    <#elseif fib.offerType == "141"> 
172                                        <#assign productURL = "college-real-rewards"> 
173                                        <#assign productName = "College Real Rewards" >        
174                                    <#elseif fib.offerType == "144"> 
175                                        <#assign productURL = "smart-business-rewards"> 
176                                        <#assign productName = "Smart Business Rewards Card" >                                             
177                                    <#elseif fib.offerType == "128"> 
178                                        <#assign productURL = "business-cash-preferred"> 
179                                        <#assign productName = "Business Cash Preferred" > 
180                                    <#elseif fib.offerType == "143"> 
181                                        <#assign productURL = "business-real-rewards"> 
182                                        <#assign productName = "Business Real Rewards Card" > 
183                                    <#elseif fib.offerType == "121"> 
184                                        <#assign productURL = "business-platinum2103"> 
185                                        <#assign productName = "Business Card" > 
186                                    <#elseif fib.offerType == "138"> 
187                                        <#assign productURL = "travel-rewards-plus"> 
188                                        <#assign productName = "Travel Rewards+" > 
189                                    <#elseif fib.offerType == "154"> 
190                                        <#assign productURL = "reserve-rewards-plus"> 
191                                        <#assign productName = "Reserve Rewards+" > 
192                                    </#if> 
193                                </#if> 
194                                <#if url?matches(".*/${productURL}.*")> 
195                                    <option value="${environment}/${tier}/${productURL}?bankercode=${bankercode}&ecdma-lc=${lc_used}${ecidExt}" selected="selected">${productName}</option>                                             
196                                <#else> 
197                                    <option value="${environment}/${tier}/${productURL}?bankercode=${bankercode}&ecdma-lc=${lc_used}${ecidExt}">${productName}</option> 
198                                </#if> 
199                            </#list> 
200                        </select> 
201                        <nav class="styled-select__dropdown"> 
202                            <div class="back-overview hide-mobile">  
203                                <a  href="${environment}/${tier}/index?bankercode=${bankercode}&ecdma-lc=${lc_used}${ecidExt}">Home</a> 
204                            </div>   
205                            <a href="javascript:void(0)" class="dropdown-select" aria-expanded="false" > 
206                                <span class="selected-option"></span>  
207                                <div class="jn-arrow arrow arrow-right"></div> 
208                            </a> 
209                            <button href="javascript:void(0)" class="jn-hamburger hamburger" aria-expanded="false" aria-label="open navigation menu"> 
210                                <div class="first-line transform transformed1"></div> 
211                                <div></div> 
212                                <div class="transform transformed2"></div> 
213                                <div></div> 
214                            </button> 
215                            <ul> 
216                                <#list fiCardsData as fib> 
217                                    <#if ameriprise> 
218                                        <#if (fib.offerType=="101")> 
219                                            <#assign productURL="premier-visa-signature"> 
220                                            <#assign productName="Ameriprise Premier Visa Signature"> 
221                                        <#elseif (fib.offerType=="103")>      
222                                            <#assign productURL = "visa-signature"> 
223                                            <#assign productName = "Ameriprise Visa Signature">                              
224                                        </#if> 
225                                    <#else> 
226                                        <#if (fib.offerType=="108" || fib.offerType=="109")> 
227                                            <#assign productURL="consumer-platinum2103"> 
228                                            <#assign productName="Platinum Card"> 
229                                        <#elseif fib.offerType=="147"> 
230                                            <#assign productURL = "max-cash-secured"> 
231                                            <#assign productName = "Max Cash Secured Card" > 
232                                        <#elseif (fib.offerType=="104")> 
233                                            <#assign productURL = "max-cash"> 
234                                            <#assign productName = "Max Cash Preferred Card"> 
235                                        <#elseif (fib.offerType=="101" || fib.offerType=="103")> 
236                                            <#assign productURL = "consumer-edr2112"> 
237                                            <#assign productName = "Everyday Rewards+"> 
238                                        <#elseif fib.offerType == "115"> 
239                                            <#assign productURL = "secured"> 
240                                            <#assign productName = "Secured Card" > 
241                                        <#elseif fib.offerType == "141"> 
242                                            <#assign productURL = "college-real-rewards"> 
243                                            <#assign productName = "College Real Rewards" >  
244                                        <#elseif fib.offerType == "144"> 
245                                            <#assign productURL = "smart-business-rewards"> 
246                                            <#assign productName = "Smart Business Rewards Card" >                                             
247                                        <#elseif fib.offerType == "128"> 
248                                            <#assign productURL = "business-cash-preferred"> 
249                                            <#assign productName = "Business Cash Preferred" > 
250                                        <#elseif fib.offerType == "143"> 
251                                            <#assign productURL = "business-real-rewards"> 
252                                            <#assign productName = "Business Real Rewards Card" > 
253                                        <#elseif fib.offerType == "121"> 
254                                            <#assign productURL = "business-platinum2103"> 
255                                            <#assign productName = "Business Card" > 
256                                        <#elseif fib.offerType == "138"> 
257                                            <#assign productURL = "travel-rewards-plus"> 
258                                            <#assign productName = "Travel Rewards+" > 
259                                        <#elseif fib.offerType == "154"> 
260                                            <#assign productURL = "reserve-rewards-plus"> 
261                                            <#assign productName = "Reserve Rewards+" > 
262                                            </#if> 
263                                    </#if> 
264                                    <#if url?matches(".*/${productURL}.*")> 
265                                        <#if (fib.offerType=="104" && url?contains("max-cash-secured"))>  
266                                            <#-- prevent from max cash overiding max cash secured. --> 
267                                            <li class="dropdown-item" data-value="${productName}"><a href="${environment}/${tier}/${productURL}?bankercode=${bankercode}&ecdma-lc=${lc_used}${ecidExt}" title="${productName}">${productName}</a></li> 
268                                        <#else> 
269                                            <li class="selected" data-value="${productName}"><a href="javascript:void(0)">${productName}</a></li>  
270                                        </#if> 
271                                    <#else> 
272                                        <li class="dropdown-item" data-value="${productName}"><a href="${environment}/${tier}/${productURL}?bankercode=${bankercode}&ecdma-lc=${lc_used}${ecidExt}" title="${productName}">${productName}</a></li> 
273                                    </#if> 
274                                </#list> 
275                            </ul> 
276                        </nav> 
277                                              
278                    </div> 
279                </header> 
280            </div>  
281            <script> 
282                var page = location.pathname.split('/')[location.pathname.split('/').length-1]; 
283                var partnerName = "${partnerName!0}"; 
284                var metaDesc = ""; 
285                switch (page) { 
286                    case "consumer-platinum2103": 
287                        document.title = "The purchasing power of Zero | "+partnerName+" Platinum Card"; 
288                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Limited Time Offer. 0% Intro APR on Purchases and Balance Transfers for 20 Billing Cycles Consolidate your Balances with the "+partnerName+" Intro APR Card."; 
289                        break; 
290                    case "max-cash-secured": 
291                        document.title = "Earn more on the categories you pick | "+partnerName+" Max Cash Secured Card"; 
292                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Use this card as a solid foundation to build your credit."; 
293                        break; 
294                    case "max-cash": 
295                        document.title = "Earn a $150 Bonus and 5% cash back | "+partnerName+" Max Cash Preferred Card"; 
296                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Earn a $150 Bonus and 5% cash back on the two categories you select"; 
297                        break; 
298                    case "real-rewards": 
299                        document.title = "Sign up and earn bonus points | "+partnerName+" Everyday Rewards+"; 
300                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Take home 2,500 bonus points after your first purchase."; 
301                        break; 
302                    case "secured": 
303                        document.title = "Strengthen your finances | "+partnerName+" Secured Card"; 
304                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Use this card as a solid foundation to build your credit."; 
305                        break; 
306                    case "college-real-rewards": 
307                        document.title = "Sign up and earn bonus points. | "+partnerName+" College Real Rewards"; 
308                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Use this card as a solid foundation to build your credit."; 
309                        break; 
310                    case "smart-business-rewards": 
311                        document.title = "2X rewards in your top 2 spend categories | "+partnerName+" Business Smart Business Rewards Card"; 
312                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. More choices. More value for your business. Earn a $200 Bonus and 2x Rewards on your top 2 spend categories each month with the "+partnerName+" Credit Card."; 
313                        break; 
314                    case "business-cashback": 
315                        document.title = "Flexible rewards for your business | "+partnerName+" Business Cash Preferred"; 
316                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Earn Cash back on common business expenses."; 
317                        break; 
318                    case "business-real-rewards": 
319                        document.title = "Earn up to 3X points with no caps | "+partnerName+" Business Real Rewards Card"; 
320                        metaDesc = "Apply Today for a "+partnerName+" Credit Card. Get more rewards in the categories you spend the most on." ; 
321                        break; 
322                    case "business-platinum2103": 
323                        document.title = "Pay down your other credit card balances faster | "+partnerName+" Business Card"; 
324                        metaDesc = "Apply Today for a "+partnerName+" Business Card. 0% Intro APR on Purchases and Balance Transfers for 15 Billing Cycles"; 
325                        break; 
326                    case "premier-visa-signature": 
327                        document.title = "Exclusively for Ameriprise clients | Ameriprise® Premier Visa Signature® Card"; 
328                        metaDesc = "Apply Today for an Ameriprise Financial Credit Card. Earn Rewards Points worth $375 cash value when deposited into an eligible account after spending $3,000 in eligible net purchases within the first 90 days of account opening."; 
329                        break; 
330                    case "visa-signature": 
331                        document.title = "Exclusively for Ameriprise clients | Ameriprise® Visa Signature® Card"; 
332                        metaDesc = "Apply Today for an Ameriprise Financial Credit Card. Earn Rewards Points worth $250 cash value when deposited into an eligible Ameriprise account after spending $2,000 in eligible net purchases within the first 90 days of account opening."; 
333                        break;     
334                    case "travel-rewards-plus": 
335                        document.title = partnerName + " | Travel Rewards+ Card"; 
336                        metaDesc = "Make travel more rewarding with unlimited 4x points on travel and frequent popular categories."; 
337                        break;     
338                    case "reserve-rewards-plus": 
339                        document.title = partnerName + " | Reserve Rewards+ Card"; 
340                        metaDesc = "Get exceptional rewards on travel and frequent purchases with this exclusive metal card."; 
341                        break;                                                                                               
342
343                if (metaDesc.length > 0) { 
344                    var m = document.createElement('meta');  
345                    m.name = 'description';  
346                    m.content = metaDesc;  
347                    document.head.appendChild(m); 
348
349                function toggleFlyOutMenu() { 
350                    $('.styled-select').toggleClass('show-select'); 
351                    var ariaExpanded = $('.styled-select__dropdown .dropdown-select').attr('aria-expanded'); 
352                    if(ariaExpanded !== null) { 
353                        var isAriaExpanded; 
354                        if(ariaExpanded === "true") { 
355                            isAriaExpanded = true; 
356                            $('.styled-select__dropdown .jn-hamburger').attr('aria-label', 'open navigation menu'); 
357                        } else {  
358                            isAriaExpanded = false  
359                            $('.styled-select__dropdown .jn-hamburger').attr('aria-label', 'close navigation menu'); 
360 
361
362                        $('.styled-select__dropdown .dropdown-select').attr('aria-expanded', !isAriaExpanded); 
363                        $('.styled-select__dropdown .jn-hamburger').attr('aria-expanded', !isAriaExpanded); 
364                         
365
366
367                AUI().ready(function () { 
368                    var pageSelected = $('.selected').attr('data-value'); 
369                    $('.jn-hamburger, .dropdown-select').click(function () { 
370                        toggleFlyOutMenu(); 
371                    }); 
372                    $('.styled-select__dropdown').keydown(function(event) { 
373                        var firstNavigationLink = $('.styled-select__dropdown ul li:visible a').first(); 
374                        var lastNavigationLink = $('.styled-select__dropdown ul li:visible a').last(); 
375 
376                        if(event.keyCode === 9 ) { 
377                            // if they tab outside of the nav close the navigation 
378                            //shift + tab pressed 
379                            if(event.shiftKey && firstNavigationLink.is(document.activeElement)) { 
380                                toggleFlyOutMenu(); 
381                            } else if(!event.shiftKey && lastNavigationLink.is(document.activeElement)) { 
382                                toggleFlyOutMenu(); 
383                            }                             
384
385                    }); 
386                    $('.selected-option').text(pageSelected); 
387                }); 
388            </script> 
389         
390        <#else> 
391            <script> 
392                console.log("FI Cards Data empty"); 
393                location.href = '${url404}'; 
394            </script> 
395        </#if>   
396    <#else> 
397        <script> 
398            console.log("FI opt out"); 
399            location.href = '${url404}'; 
400        </script> 
401    </#if>  
402<#else> 
403    <script> 
404        console.log("location code empty"); 
405        location.href = '${url404}'; 
406    </script> 
407</#if> 
An error occurred while processing the template.
The following has evaluated to null or missing:
==> bCode  [in template "10154#10192#155404894" at line 66, column 6]

----
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: #if bCode?starts_with("amp") && (url?...  [in template "10154#10192#155404894" at line 66, column 1]
----
1<#assign url = themeDisplay.getURLCurrent() > 
2<#assign oadURL = propsUtil.get('elan.oad.url') > 
3<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
4<#assign url404 = '/error/404.html' > 
5<#assign utilServ = (serviceLocator.findService("com.elan.crc.utilites.service.CRCRemoteServiceService"))! /> 
6<#assign environment = url?replace('/12t1.*','','r')> 
7<#assign oadURL_TC = 'https://uat-online1.elancard.com/oad/terms.controller' > 
8 
9<#if oadURL?contains("uat-")> 
10    <#assign oadURL_TC = 'https://uat-online1.elancard.com/oad/terms.controller' > 
11<#else> 
12    <#assign oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 
13</#if> 
14<#--  check bankercode validity  --> 
15 
16<#if qstringmap["bankercode"]?has_content> 
17    <#assign bCode= qstringmap["bankercode"]?first> 
18    <#assign bCode= htmlUtil.escapeJS(bCode)> 
19    <#assign bCode= htmlUtil.escape(bCode)> 
20 
21    <#assign fiData= utilServ.makeCall('crcDDCBankerAssistedAppSql','0&'+bCode)> 
22    <#if fiData?first?has_content> 
23        <#assign fi = fiData?first> 
24        <#if (fi.projectId == "12" || fi.projectId == "13" || fi.projectId == "14" || fi.projectId == "15")> 
25            <#assign subbu_special = fi.offerId> 
26        </#if> 
27    </#if>       
28    <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetailSql','0&'+bCode)> 
29    <#list bData as b> 
30      <#assign lc = b.locationcode > 
31      <#assign bName = b.branch > 
32      <#assign bPhone = b.businessphone > 
33      <#assign boeid = b.oeid > 
34      <#assign fName = b.firstname?trim> 
35      <#assign lName = b.lastname?trim> 
36      <#assign rlc = b.reallocationcode > 
37      <#assign mappedLC = b.mappedLocationCode > 
38    </#list> 
39<#else> 
40    <script> 
41        console.log("MainProductBcode missing"); 
42        location.href = '${url404}'; 
43    </script> 
44</#if> 
45 
46<#assign text_to_apply_source = "vanity url" > 
47<#if qstringmap["sms"]?has_content> 
48    <#assign sms = 1 > 
49    <#assign text_to_apply_source = "sms" > 
50</#if> 
51<#if qstringmap["qrCode"]?has_content> 
52    <#assign text_to_apply_source = "qr code" > 
53</#if> 
54<#assign campaignId = "" > 
55<#assign ecidExt=""> 
56<#if qstringmap["ecid"]?has_content> 
57    <#assign campaignId = qstringmap["ecid"]?first > 
58    <#assign campaignId  = htmlUtil.escape(campaignId)> 
59    <#assign campaignId  = htmlUtil.escapeJS(campaignId)> 
60 
61    <#assign ecidExt = qstringmap["ecid"]?first> 
62    <#assign ecidExt = htmlUtil.escape(ecidExt)> 
63    <#assign ecidExt = htmlUtil.escapeJS(ecidExt)> 
64    <#assign ecidExt = "&ecid=" + ecidExt> 
65</#if> 
66<#if bCode?starts_with("amp") && (url?contains("11t1m"))> 
67    <#assign ameriprise = true> 
68<#else> 
69    <#assign ameriprise = false> 
70</#if> 
71 
72<#if mappedLC?has_content && !ameriprise> 
73    <#assign lc = mappedLC > 
74</#if> 
75 
76 
77 
78<#if lc?has_content> 
79 
80    <#assign firstNameLength = fName?length > 
81    <#assign lastNameLength = lName?length > 
82    <#if firstNameLength + lastNameLength &gt; 19 > 
83        <#if lastNameLength &gt; 18 > 
84            <#assign bLName = lName?substring(0,18)> 
85        <#else> 
86            <#assign bLName = lName> 
87        </#if> 
88        <#assign maxFirstName = 19 - bLName?length > 
89        <#if firstNameLength &gt; maxFirstName > 
90            <#assign bFName = fName?substring(0,maxFirstName)> 
91        <#else> 
92            <#assign bFName = fName> 
93        </#if> 
94    <#else> 
95        <#assign bFName = fName > 
96        <#assign bLName = lName > 
97    </#if> 
98       
99 
100    <#assign prefix = "00000" > 
101    <#assign lcWithPrefix = prefix + lc > 
102    <#assign withPrefixLength = lcWithPrefix?length > 
103    <#assign startHere = withPrefixLength - 5> 
104    <#assign lc = lcWithPrefix?substring(startHere)> 
105 
106    <#assign clientProfileService = (serviceLocator.findService("com.elan.crc.user.service.CrcClientProfileLocalService"))! /> 
107    <#assign clientProfileList = clientProfileService.findByLocationCode(lc)>     
108 
109    <#if clientProfileList?first?has_content> 
110        <#assign clientProfile = clientProfileList?first> 
111        <#assign partnerName = clientProfile.getMarketingNameLong()> 
112        <#assign pbu = clientProfile.getPbu()> 
113        <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
114        <#assign optoutData = utilServ.makeCall('crc_DDCSAAOptOut',pbu+'&'+subbu)> 
115        <#if (optoutData?size == 0)>                 
116            <#assign clientDataService = (serviceLocator.findService("com.elan.crc.user.service.CrcPbuLocalService"))! /> 
117            <#assign clientProfileDataList = clientDataService.getByPbuAndSubBu(pbu,subbu)> 
118            <#assign partnerUrl = clientProfileDataList.getPartnerMainUrl()> 
119            <#if partnerUrl?has_content && !partnerUrl?matches(r"(?i)^https?\:\/\/.*")>             
120                <#assign partnerUrl = 'https://' + partnerUrl> 
121            </#if> 
122            <#assign logoFileName = clientProfile.getLogoBFormat1()?replace(".", "-")?replace("-([^-]*)$", ".$1", "r")?lower_case> 
123            <#assign cdnLogoUrl = (propsUtil.get('rackspace.cdn.web.url'))!> 
124             
125            <#if pbu == "0864054"> 
126                <#assign override = "berkshire"> 
127            <#else> 
128                <#assign override = " "> 
129            </#if> 
130             
131            <#--  this one should be delete for prod  --> 
132                 
133            <#assign cdnCardArtUrl = (propsUtil.get('rackspace.cdn.cardart.url'))!> 
134            <#assign pageClass = secondaryBackgroundImage.cardType.getData()> 
135             
136            <#if (subbu_special?has_content)> 
137                <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu_special)>  
138            <#else> 
139                <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu)>  
140            </#if> 
141 
142 
143            <#assign temp = []> 
144            <#assign offerTypeList = []>      
145            <#assign index = 0> 
146            <#list fiCardsData as fib> 
147                <#if !(offerTypeList?seq_contains(fib.offerType))>  
148                    <#assign offerTypeList = offerTypeList + [fib.offerType]>                   
149                    <#assign temp = temp + fiCardsData[index..index]>  
150                </#if>  
151                <#assign index = index + 1>                
152            </#list>  
153            <#assign fiCardsData = temp> 
154            <#if (fiCardsData?size > 0)>   
155                <#if (subbu_special?has_content)> 
156                    <#assign lc_used = fiCardsData?first.WebLocationCode>   
157                <#else> 
158                    <#if ameriprise> 
159                        <#assign lc_used = mappedLC>  
160                    <#else> 
161                        <#assign lc_used = lc>  
162                    </#if> 
163                </#if> 
164                <#assign productURL = ""> 
165                <#list fiCardsData as fib> 
166                    <#if ameriprise> 
167                        <#if (fib.offerType=="101")> 
168                            <#assign productURL="premier-visa-signature"> 
169                            <#assign productName="Premier Visa Signature"> 
170                            <#assign productClass="ameriprise-premier-visa-signature"> 
171                        <#elseif (fib.offerType=="103")>      
172                            <#assign productURL = "visa-signature"> 
173                            <#assign productName = "Visa Signature">   
174                            <#assign productClass="ameriprise-visa-signature">                            
175                        </#if> 
176                    <#else>                     
177                        <#if (fib.offerType=="108" || fib.offerType=="109")> 
178                            <#assign productURL="consumer-platinum2103"> 
179                            <#assign productName="Platinum"> 
180                        <#elseif (fib.offerType=="104")>    
181                            <#assign productURL = "max-cash"> 
182                            <#assign productName="Max Cash Preferred">                              
183                        <#elseif (fib.offerType=="101" || fib.offerType=="103")> 
184                            <#assign productURL = "consumer-edr2112"> 
185                            <#assign productName="Everyday Rewards+"> 
186                        <#elseif fib.offerType == "115"> 
187                            <#assign productURL = "secured"> 
188                            <#assign productName="Secured"> 
189                        <#elseif fib.offerType == "141"> 
190                            <#assign productURL = "college-real-rewards"> 
191                            <#assign productName="College Real Rewards">    
192                        <#elseif fib.offerType == "144"> 
193                            <#assign productURL = "smart-business-rewards"> 
194                            <#assign productName="Smart Business Rewards">       
195                        <#elseif fib.offerType == "147"> 
196                            <#assign productURL = "max-cash-secured"> 
197                            <#assign productName="Max Cash Secured">                             
198                        <#elseif fib.offerType == "128"> 
199                            <#assign productURL = "business-cash-preferred"> 
200                            <#assign productName="Business Cash Preferred"> 
201                        <#elseif fib.offerType == "143"> 
202                            <#assign productURL = "business-real-rewards"> 
203                            <#assign productName="Business Real Rewards"> 
204                        <#elseif fib.offerType == "121"> 
205                            <#assign productURL = "business-platinum2103"> 
206                            <#assign productName="Business"> 
207                        <#elseif fib.offerType == "138"> 
208                            <#assign productURL = "travel-rewards-plus"> 
209                            <#assign productName = "Travel Rewards+" > 
210                        <#elseif fib.offerType == "154"> 
211                            <#assign productURL = "reserve-rewards-plus"> 
212                            <#assign productName = "Reserve Rewards+" > 
213                        </#if>  
214                    </#if>     
215 
216                    <#assign cardArtImage = cdnCardArtUrl + "/" + fib.filename + ".png"> 
217                    <#assign cardArtImageAlt = cdnCardArtUrl + "/"+fib.filename+".jpg">   
218                    <#assign newSourceCode = fib.sourceCode>  
219                    <#assign newOfferId = fib.saaofferId>  
220                    
221                    <#if url?matches(".*/${productURL}\\?.*")> 
222                        <#assign APR=""> 
223                        <#assign AMF=""> 
224                        <#assign BAL=""> 
225                        <#assign sdata = utilServ.makeCall('crcDDCGetSchumerBox', newOfferId + '&' + newSourceCode)> 
226                        <#if (sdata?size > 0)> 
227                            <#list sdata as sItem> 
228                         
229                                <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 
230                                    <#assign APR = sItem.scrapedValue> 
231                                <#elseif ((sItem.scrapedLabel?contains("Annual Membership Fee")) && (sItem.scrapedValue?has_content)) > 
232                                    <#assign AMF = sItem.scrapedValue> 
233                                <#elseif ((sItem.scrapedLabel?contains("APR for Balance Transfers")) && (sItem.scrapedValue?has_content)) > 
234                                    <#assign BAL = sItem.scrapedValue> 
235                                </#if> 
236                                <#if (APR?has_content && AMF?has_content && BAL?has_content)> 
237                                    <#break> 
238                                </#if> 
239                            </#list>                 
240                        <#else> 
241                            <script> 
242                                console.log('no scraped data'); 
243                            </script> 
244                        </#if>     
245                        <#if ((fib.offerType == "108" || fib.offerType == "109" || fib.offerType == "121" ) && !ameriprise)> 
246                            <#if (sdata?size > 0)>   
247                                <#assign apr_string = "">                         
248                                <#list sdata as d> 
249                                    <#if (d.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases") && (d.scrapedValue?has_content))> 
250                                        <#assign apr_string = d.scrapedValue?replace("(\n|\r\n|\r)+", " ","r")> 
251                                        <#break> 
252                                    </#if> 
253                                </#list> 
254                                <script> 
255                                        $(document).ready(function () { 
256                                            var aprText = "${apr_string}"; 
257                                            if (aprText) { 
258                                                var matches= aprText.match(/\d+(\.\d+)?%?/g); 
259                                                var billing_cycle = ""; 
260                                                var apr_min = ""; 
261                                                var apr_max = ""; 
262                                                if (aprText.indexOf("Platinum:") != -1 || aprText.indexOf("Business:") != -1) { 
263                                                    billing_cycle = matches[1]; 
264                                                    apr_min = matches[2]; 
265                                                    apr_max = matches[3]; 
266
267                                                //console.log('billing_cycle', billing_cycle, 'apr_min', apr_min, 'apr_max', apr_max); 
268                                                if (billing_cycle) { 
269                                                    $(".scraped-billing-cycle").html(billing_cycle); 
270
271                                                if (apr_min) { 
272                                                    $(".scraped-apr-min").html(apr_min); 
273
274                                                if (apr_max) { 
275                                                    $('.scraped-apr-max').html(apr_max); 
276
277
278                                        }); 
279                                </script>                              
280                            </#if>   
281                        </#if>    
282                        <#if ameriprise> 
283                            <#assign card_art_alt =  partnerName + " " + productName + " " + " Card"> 
284                            <#assign rollover_text =  partnerName + " " + productName + " " + " Card"> 
285                        <#else> 
286                            <#assign card_art_alt = partnerName + " " + productName + " " + " Card"> 
287                            <#assign rollover_text =  partnerName + " " + productName + " " + " Credit Card"> 
288                            <#assign card_text = productName + " Card"> 
289                        </#if> 
290 
291                        <div class="hero-container ${pageClass} ${productClass!''}" title="${rollover_text!''}"> 
292                            <div class="hero-main"> 
293                                 
294                                <div class="hero-main-container"> 
295                                    <div class="hero-main-offer"> 
296                                        <div class="offer-detail"> 
297                                            <div class="offer-detail-cardArt cardArtImg"> 
298                                                <img src="${cardArtImage!''}" alt="${card_art_alt!''}" title="${card_art_alt!''}" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'">  
299                                                <p>${card_text!''}</p> 
300                                                <#if fib.offerType=="108" || fib.offerType=="109"> 
301                                                    <a href="javascript:void(0);" data-micromodal-trigger="modal-2" aria-hidden="true">See how much you could save with a balance transfer</a> 
302                                                </#if> 
303                                            </div> 
304                                            <div class="offer-detail-text text-color-default hide-desktop"> 
305                                                ${primaryHeadlineFeatureTop.getData()} 
306                                                ${primaryHeadlineFeatureBottom.getData()} 
307                                            </div> 
308                                                 
309                                            <form class="form1 hide-desktop" action='${oadURL}?locationCode=${lc_used}&amp;offerId=${newOfferId}&amp;preparerType=customer&amp;mktChl=SAT2A' method="post" id="BAAForm"> 
310                                                <label for="appDataBAA" style="position:absolute; clip:rect(0 0 0 0);">Application Data</label> 
311                                                <textarea rows="20" cols="100" name="applicationData" id="appDataBAA" style="display:none;"></textarea> 
312                                                <button  
313                                                    type="submit"  
314                                                    data-button-name="cta-button-top"   
315                                                    class="jn-button apply-button button-bg-color-custom"  
316                                                    disabled  
317
318                                                    ${ctaText.getData()}<span class="screen-reader-only">&nbsp;for ${partnerName!''} ${productName!''} Card </span> 
319                                                </button> 
320                                            </form> 
321                                        </div> 
322                                        <div class="offer-header"> 
323                                            <div class="offer-text-top"> 
324                                                <div class="offer-title"> 
325                                                    ${primaryHeadlineText.getData()} 
326                                                </div> 
327                                                <h1 class="offer-subtitle"> 
328                                                    ${primaryHeadlineFeature.getData()} 
329                                                </h1> 
330                                            </div> 
331                                            <div class="offer-text-bottom hide-mobile"> 
332                                                <div class="offer-detail-text text-color-default "> 
333                                                    ${primaryHeadlineFeatureTop.getData()} 
334                                                    ${primaryHeadlineFeatureBottom.getData()} 
335                                                    <#-- allow for all except these url --> 
336                                                    <#if (fib.offerType == "108" ||  
337                                                        fib.offerType == "109" ||  
338                                                        fib.offerType == "121" || 
339                                                        fib.offerType == "144" 
340                                                    )> 
341                                                        <br> 
342                                                        <a class="whiteLink" href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}"  class="text-color-default" target="_blank"> 
343                                                            <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>See terms & conditions</a> 
344                                                    </#if> 
345                                                </div> 
346                                                <a tabindex="0" id="oadSecButton-top" data-button-name="cta-button-bottom" class="jn-button banner-cta-apply-button">${optionalCtaText.getData()}<span class="screen-reader-only">&nbsp;for ${partnerName!''} ${productName!''} Card </span></a>                                                                                
347 
348                                            </div> 
349                                        </div> 
350                                         
351                                    </div> 
352                                </div> 
353                            </div> 
354                            <div class="hero-primary-benefits"> 
355                                <#if secondaryFeatureText.getData() != ""> 
356                                    <#assign featureCounter = 0> 
357                                    <#list secondaryFeatureText.getSiblings() as item> 
358                                        <div class="primary-benefit"> 
359                                            <div class="primary-benefit-wrapper text-color-white"> 
360                                                ${item.getData()} 
361                                                <#if (fib.offerType=="108" || fib.offerType=="109") && (featureCounter == secondaryFeatureText.getSiblings()?size - 1)> 
362                                                <a  
363                                                    href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
364                                                    class="text-color-default"  
365                                                    target="_blank" 
366
367                                                    <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span> 
368                                                    Terms & Conditions 
369                                                </a> 
370                                                </#if> 
371                                            </div> 
372                                        </div> 
373                                        <#assign featureCounter = featureCounter + 1> 
374                                    </#list> 
375                                </#if> 
376                            </div> 
377                        </div> 
378                        <div class="standard-content-container" title="${rollover_text!''}"> 
379                            <div class="product-details-container"> 
380                                <div class="detail-background"> 
381                                    <h2>${secondaryHeadlineText.getData()}</h2> 
382                                    <div class="secondary-benefits"> 
383                                        <div class="option"> 
384                                            ${additionalInfoGroupA.getData()} 
385                                            <#if pbu != "0892445">                                              
386                                                <div> 
387                                                    <#assign col1AmfOfferTypes = ["101", "141", "138", "154", "128"] > 
388                                                    <#assign col1AprOfferTypes = ["104", "121", "143", "144"] > 
389                                                    <#if col1AmfOfferTypes?seq_contains(fib.offerType)> 
390                                                        <#if (fib.offerType == "101")> 
391                                                            <h3>Annual Fee<sup>*</sup></h3><br/> 
392                                                        <#else> 
393                                                            <h3>Annual Fee</h3><br/> 
394                                                        </#if> 
395                                                        <p>${AMF!''}  
396                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
397                                                                class="text-color-default" target="_blank"> 
398                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
399                                                            </a> 
400                                                        </p> 
401                                                    <#elseif col1AprOfferTypes?seq_contains(fib.offerType)> 
402                                                        <#if (fib.offerType == "104") > 
403                                                            <h3 >APR for Purchases:</h3> 
404                                                        <#elseif (fib.offerType == "144")> 
405                                                            <h3>APR for Purchases and Balance Transfers:</h3> 
406                                                        <#else> 
407                                                            <h3>Intro APR<sup>*</sup> for Purchases:</h3> 
408                                                        </#if> 
409                                                        <p>${APR!''}  
410                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
411                                                                class="text-color-default" target="_blank"> 
412                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
413                                                            </a> 
414                                                        </p> 
415 
416                                                    </#if> 
417                                                </div>                                             
418                                            </#if> 
419                                        </div> 
420                                        <div class="option"> 
421                                            ${additionalInfoGroupB.getData()}  
422                                            <#if pbu != "0892445"> 
423                                                <div> 
424                                                    <#assign col2AmfOfferTypes = ["108", "109", "115", "144"] > 
425                                                    <#assign col2AprOfferTypes = ["138", "154", "128"] > 
426                                                    <#assign col2BalOfferTypes = ["101", "104", "141", "121", "143"] > 
427                                                    <#if col2AmfOfferTypes?seq_contains(fib.offerType)> 
428                                                        <h3>Annual Fee</h3> 
429                                                        <p>${AMF!''}  
430                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
431                                                                class="text-color-default" target="_blank"> 
432                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
433                                                            </a> 
434                                                        </p> 
435                                                    <#elseif col2AprOfferTypes?seq_contains(fib.offerType)> 
436                                                        <#if (fib.offerType == "128")> 
437                                                            <h3>Intro APR<sup>*</sup> for Purchases:</h3> 
438                                                        <#else> 
439                                                            <h3>APR for Purchases:</h3>  
440                                                        </#if> 
441                                                        <p>${APR!''}  
442                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
443                                                                class="text-color-default" target="_blank"> 
444                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
445                                                            </a> 
446                                                        </p> 
447                                                    <#elseif col2BalOfferTypes?seq_contains(fib.offerType)> 
448                                                        <h3>Intro APR<sup>*</sup> for Balance Transfers:</h3> 
449                                                        <p>${BAL!''}  
450                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
451                                                                class="text-color-default" target="_blank"> 
452                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
453                                                            </a> 
454                                                        </p> 
455 
456                                                    </#if> 
457                                                </div> 
458                                            </#if> 
459                                        </div> 
460                                        <#if (additionalInfoGroupC?has_content)> 
461                                            <div class="option">   
462                                                ${additionalInfoGroupC.getData()}  
463                                                <div> 
464                                                    <#assign col3AmfOfferTypes = ["104", "121", "143"] > 
465                                                    <#assign col3AprOfferTypes = ["101", "108", "109", "141", "147", "115"] > 
466                                                    <#assign col3BalOfferTypes = ["138", "154", "128"] > 
467                                                    <#if col3AmfOfferTypes?seq_contains(fib.offerType)> 
468                                                        <#if (fib.offerType == "104")> 
469                                                            <h3>Annual Fee<sup>*</sup></h3> 
470                                                        <#else> 
471                                                            <h3>Annual Fee</h3> 
472                                                        </#if> 
473                                                        <p>${AMF!''}  
474                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
475                                                                class="text-color-default" target="_blank"> 
476                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
477                                                            </a> 
478                                                        </p> 
479                                                    <#elseif col3AprOfferTypes?seq_contains(fib.offerType)> 
480                                                        <#if (fib.offerType == "115" || fib.offerType == "147")> 
481                                                            <h3>APR for Purchases and Balance Transfers:</h3> 
482                                                        <#else> 
483                                                            <h3>Intro APR<sup>*</sup> for Purchases:</h3> 
484                                                        </#if> 
485                                                        <p>${APR!''}  
486                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
487                                                                class="text-color-default" target="_blank"> 
488                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
489                                                            </a> 
490                                                        </p> 
491                                                    <#elseif col3BalOfferTypes?seq_contains(fib.offerType)> 
492                                                        <#if (fib.offerType == "128")> 
493                                                            <h3>Intro APR<sup>*</sup> for Balance Transfers:</h3> 
494                                                        <#else> 
495                                                            <h3>APR for Balance Transfers:</h3>  
496                                                        </#if> 
497                                                        <p>${BAL!''}  
498                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
499                                                                class="text-color-default" target="_blank"> 
500                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
501                                                            </a> 
502                                                        </p> 
503 
504                                                    </#if> 
505                                                    <#if (fib.offerType == "147")> 
506                                                        <h3>Annual Fee<sup>*</sup></h3> 
507                                                        <p>${AMF!''}  
508                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
509                                                                class="text-color-default" target="_blank"> 
510                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
511                                                            </a>  
512                                                        </p> 
513                                                    </#if> 
514                                                    <#if (fib.offerType == "108" || fib.offerType == "109")> 
515                                                        <h3>Intro APR<sup>*</sup> for Balance Transfers:</h3>                                                        
516                                                        <p>${BAL!''}  
517                                                            <a href="${oadURL_TC}?step=display&amp;offerId=${newOfferId}&amp;locationCode=${lc_used}" 
518                                                                class="text-color-default" target="_blank"> 
519                                                                <span class="screen-reader-only">${partnerName!''} ${productName!''} Card </span>Terms & Conditions 
520                                                            </a> 
521                                                        </p> 
522                                                    </#if> 
523                                                </div>                
524                                            </div>   
525                                        </#if>                                          
526                                    </div> 
527                                </div> 
528                            </div> 
529                        </div> 
530                        <div class="banner-wrapper" title="${rollover_text!''}"> 
531                            <div class="banner ${override}"> 
532                                <div class="banner-cardArt cardArtImg"> 
533                                   <img src="${cardArtImage!''}" alt="${card_art_alt!''}" title="${card_art_alt!''}" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'">  
534                                </div> 
535                                <div class="banner-cta"> 
536                                    <div class="banner-cta-text text-color-white text-bold"> 
537                                        ${optionalCtaFeatureText.getData()}                                    
538                                    </div> 
539                                    <a  
540                                        tabindex="0"  
541                                        id="oadSecButton"  
542                                        data-button-name="cta-button-bottom"  
543                                        class="jn-button banner-cta-apply-button button-bg-color-custom text-color-white" 
544
545                                        ${optionalCtaText.getData()}<span class="screen-reader-only">&nbsp;for ${partnerName!''} ${productName!''} Card</span></a> 
546                                </div> 
547                            </div> 
548                        </div> 
549                        <#break /> 
550                    </#if> 
551                </#list>                         
552 
553                <script> 
554                        var reportingData = window.reportingData || {}; 
555                    document.addEventListener('DOMContentLoaded', function() { 
556                        //console.log('inside ready'); 
557                        var page = location.pathname.split('/')[location.pathname.split('/').length-1]; 
558                        var hostName = location.hostname; 
559                     
560                        function getDomainFromHostname(hostname) { 
561                            var parts = hostname.split('.'); 
562                            return parts.length === 3 ? parts[1] : parts[0]; 
563
564                        var domain = getDomainFromHostname(hostName); 
565                        var partnerName = "${partnerName!''}"; 
566 
567                        var ameriprise = '${ameriprise?string("yes", "no")}'; 
568                        var locationCode = "${rlc!lc}"; 
569                        var eidAmp = ""; 
570                        if (ameriprise == "yes") { 
571                            var bankercode_amp = '${bCode}'; 
572                            eidAmp = bankercode_amp.substring(3); 
573                            locationCode =""; 
574                        }    
575                             
576                        var heroCardImgs = document.querySelectorAll('.cardArtImg img'); 
577                        for (var index = 0; index < heroCardImgs.length; index++) { 
578                            var heroCardImg = heroCardImgs[index]; 
579                            var heroCardSrc = heroCardImg.getAttribute("src"); 
580                            if(heroCardSrc != "") { 
581                                resizeImg(heroCardImg); 
582
583
584                        function resizeImg(img) { 
585                            img.addEventListener("load", function() { 
586                                var cardImgWidth = img.width; 
587                                var cardImgHeight = img.height; 
588                                //console.log('width', cardImgWidth); 
589                                //console.log('height', cardImgHeight); 
590                                if(cardImgWidth > cardImgHeight) { 
591                                    img.style.width = "285px"; 
592                                } else { 
593                                    img.style.width = "150px"; 
594
595                            }); 
596
597                         
598                         
599                        $('.jn-button').removeAttr('disabled'); 
600                        $('.jn-button').removeClass('jn-disabled'); 
601                        jQuery('#oadSecButton, #oadSecButton-top').on('click', function(e) { 
602                            jQuery('#BAAForm').submit(); 
603                        }); 
604                         
605                        jQuery('#BAAForm').on('submit', function(e){ 
606                            e.preventDefault(); 
607                            //console.log('in custom submit'); 
608                            var xmlData; 
609                            if(ameriprise == "yes") { 
610                                xmlData = '<?xml version="1.0"?>'+ 
611                                    "<prefillData>"+  
612                                    "<versionNumber>1.0</versionNumber>"+  
613                                    "<applicationData>"+  
614                                    "<referral>" +  
615                                    "<employeeId>" + eidAmp + "</employeeId>" + 
616                                    "<storeNumber>"+"${bName!'0'}"+"</storeNumber>"+ 
617                                    "<divisionNumber></divisionNumber>"+ 
618                                    "</referral>" +  
619                                    "<bankerInformation>"+  
620                                    "<locationCode>" + locationCode + "</locationCode>"+ 
621                                    "<originatingBranchNumber>"+"${bName!'0'}"+"</originatingBranchNumber>"+ 
622                                    "<employeeID>${boeid!0}</employeeID>"+ 
623                                    "<name>" + 
624                                    "<first>${bFName!'0'}</first>" + 
625                                    "<last>${bLName!'0'}</last>" + 
626                                    "</name>"+ 
627                                    "<phone>"+ 
628                                    "<areaCode>"+areaCode+"</areaCode>"+  
629                                    "<exchange>"+exchangeCode+"</exchange>"+ 
630                                    "<number>"+num+"</number>"+  
631                                    "</phone>"+  
632                                    "</bankerInformation>"+  
633                                    "</applicationData>"+  
634                                    "</prefillData>" 
635                            } else { 
636                                xmlData = '<?xml version="1.0"?>'+ 
637                                    "<prefillData>"+  
638                                    "<versionNumber>1.0</versionNumber>"+  
639                                    "<applicationData>"+  
640                                    "<bankerInformation>"+  
641                                    "<locationCode>" + locationCode + "</locationCode>"+ 
642                                    "<originatingBranchNumber>"+"${bName!'0'}"+"</originatingBranchNumber>"+ 
643                                    "<employeeID>${boeid!0}</employeeID>"+ 
644                                    "<name>" + 
645                                    "<first>${bFName!'0'}</first>" + 
646                                    "<last>${bLName!'0'}</last>" + 
647                                    "</name>"+ 
648                                    "<phone>"+ 
649                                    "<areaCode>"+areaCode+"</areaCode>"+  
650                                    "<exchange>"+exchangeCode+"</exchange>"+ 
651                                    "<number>"+num+"</number>"+  
652                                    "</phone>"+  
653                                    "</bankerInformation>"+  
654                                    "</applicationData>"+  
655                                    "</prefillData>" 
656                            }                                 
657                            jQuery('#appDataBAA').val(xmlData); 
658                            var buttonName = jQuery('.jn-button').data('button-name'); 
659                            /* SiteCatalyst  onClick tracking */ 
660                            reportingData.apply_button = buttonName; 
661                            AUI().ready(function() { 
662                                if (window.publisherFW) { 
663                                    window.publisherFW.publishEvent("onClick", reportingData); 
664
665                            }); 
666 
667                            var paramString = '${bCode}' + "&" + xmlData + "&" + '${htmlUtil.escapeURL(htmlUtil.escapeJS(url))}'; 
668                            /* CRC service call */ 
669                            Liferay.Service( 
670                                '/crcutilities.crcremoteservice/make-call', 
671
672                                    storedProcedure: 'crcDDCTextApplyLog', 
673                                    parameters: paramString 
674                                }, 
675                                function(obj) 
676
677                                    //console.log("T2A logging call"); 
678
679                            ); 
680 
681                            this.submit(); 
682                        }); 
683                        var regex = /\d+/g; 
684                        var bdNumber = "${bPhone!''}"; 
685                        var phoneNum = bdNumber.match(regex); 
686                        var areaCode = ""; 
687                        var exchangeCode = ""; 
688                        var num = ""; 
689                        if(phoneNum != null) { 
690                            phoneNum = phoneNum.join(""); 
691                            areaCode = phoneNum.substring(0,3); 
692                            exchangeCode = phoneNum.substring(3,6); 
693                            num = phoneNum.substring(6,10); 
694
695                        var product = ""; 
696                        switch(page) { 
697                            case "consumer-platinum2103": 
698                                product="Platinum Card" 
699                                break; 
700                            case "consumer-edr2112": 
701                                product="Everyday Rewards+ Card" 
702                                break; 
703                            case "secured": 
704                                product="Secured Card" 
705                                break; 
706                            case "business-cash-preferred": 
707                                product="Business Cash Preferred" 
708                                break; 
709                            case "business-real-rewards": 
710                                product="Business Real Rewards Card" 
711                                break; 
712                            case "business-rewards-plus": 
713                                product="Business Rewards PLUS Card" 
714                                break; 
715                            case "premier-visa-signature": 
716                                product="Premier Visa Signature Card" 
717                                break; 
718                            case "business-platinum2103": 
719                                product="Business Card" 
720                                break; 
721                            case "visa-signature": 
722                                product="Visa Signature Card" 
723                                break;         
724                            case "travel-rewards-plus": 
725                                product="Travel Rewards+ Card" 
726                                break;   
727                            case "reserve-rewards-plus": 
728                                product="Reserve Rewards+ Card" 
729                                break;         
730                            case "max-cash": 
731                                product="Max Cash Preferred Card" 
732                                break;     
733                            case "max-cash-secured": 
734                                product="Max Cash Secured Card" 
735                                break;    
736                            case "college-real-rewards": 
737                                product="College Real Rewards Card" 
738                                break;    
739                            case "smart-business-rewards": 
740                                product="Smart Business Rewards Card" 
741                                break;                              
742                            default:   
743                                product = "All Cards";                           
744                        }                                  
745                             
746                        /* update SiteCatalyst data object */ 
747                        reportingData.current_page = "microsite:${partnerName}:" + domain + ':' + page.replace('-',' '); 
748                        reportingData.location_code = '${rlc!0}'; 
749                        reportingData.product = product; 
750                        reportingData.site_section = 'credit cards'; 
751                        reportingData.platform = 'microsite'; 
752                        reportingData.partner_name = "${partnerName}"; 
753                        reportingData.Banker_id = '${boeid}'; 
754                        reportingData.Banker_code = '${bCode}'; 
755                        reportingData.visitor_type = 'prospect'; 
756                        reportingData.text_to_apply_source = '${text_to_apply_source}'; 
757                        reportingData.page_type = 'product';  
758                        reportingData.campaign_id = '${campaignId}';  
759 
760                             
761                        }); 
762                </script> 
763                                     
764            <#else> 
765                <script> 
766                    console.log("FI Cards Data empty"); 
767                    location.href = '${url404}'; 
768                </script> 
769            </#if>                   
770        <#else> 
771            <script> 
772                console.log("Fi opt-out"); 
773                location.href = '${url404}'; 
774            </script> 
775        </#if>        
776    <#else> 
777        <script> 
778            console.log("client profile empty"); 
779            location.href = '${url404}'; 
780        </script> 
781    </#if>   
782 
783</#if> 
784<#assign clientdata = utilServ.makeCall('crcDDCTier1Customizations','0&'+pbu+'&'+subbu+'&11')> 
785<#if (clientdata?size > 0)> 
786    <#assign backgroundColor = clientdata[0].backgroundHexColor>               
787</#if> 
788<script> 
789    // Makes the Header subtitle work if there is two lines of text  
790    var consumerHeader = document.getElementsByClassName("consumer-card")[0]; 
791    if(consumerHeader){ 
792        var consumerHeroContainer = consumerHeader.getElementsByClassName("hero-main-container")[0]; 
793        const offerTextTop = consumerHeader.querySelector(".offer-text-top"); 
794        const gradientHeight = Math.max(offerTextTop.offsetHeight + 50, 200) + "px"; 
795        var consumerOfferHeader = consumerHeader.getElementsByClassName("offer-subtitle")[0]; 
796        const consumerSubtitle = consumerOfferHeader.getElementsByTagName("p")[0]; 
797        //console.log('consumerSubtitle.innerText.length', consumerSubtitle.innerText.length, offerTextTop.offsetHeight); 
798        if (consumerSubtitle.innerText.length >= 76){ 
799            //two lines 
800            consumerHeroContainer.style.background = "linear-gradient(180deg, ${backgroundColor!'#173989'} " + gradientHeight + ", #f8f8f8 " + gradientHeight + ")"; 
801
802
803 
804    var buisnessHeader = document.getElementsByClassName("business-card")[0];   
805    if(buisnessHeader) { 
806        var buisnessHeroContainer = buisnessHeader.getElementsByClassName("hero-main-container")[0]; 
807        var buisnessOfferHeader = buisnessHeader.getElementsByClassName("offer-subtitle")[0]; 
808 
809        if(buisnessOfferHeader.innerText.length >= 31 && buisnessOfferHeader.innerText.length < 48){ 
810            //not two lines but the header on tablet gose outside of allocated space. 
811            buisnessHeroContainer.style.background = "linear-gradient(180deg, rgba(255,255,255,1) 40%, ${backgroundColor!'#173989'} 40%)"; 
812        } else if (buisnessOfferHeader.innerText.length >= 48){ 
813            //two lines 
814            buisnessHeroContainer.style.background = "linear-gradient(180deg, rgba(255,255,255,1) 45%, ${backgroundColor!'#173989'} 45%)"; 
815
816
817     
818</script> 
An error occurred while processing the template.
The following has evaluated to null or missing:
==> url404  [in template "10154#10192#157461637" at line 28, column 30]

----
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: ${url404}  [in template "10154#10192#157461637" at line 28, column 28]
----
1<#assign url = themeDisplay.getURLCurrent() > 
2<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
3<#assign utilServ = (serviceLocator.findService("com.elan.crc.utilites.service.CRCRemoteServiceService"))! /> 
4 
5<#if qstringmap["bankercode"]?has_content> 
6    <#assign bankercode = qstringmap["bankercode"]?first> 
7    <#assign bankercode = htmlUtil.escape(bankercode)> 
8    <#assign bankercode = htmlUtil.escapeJS(bankercode)> 
9    <#assign bankercode = htmlUtil.escapeURL(bankercode)> 
10 
11    <#assign fiData= utilServ.makeCall('crcDDCBankerAssistedAppSql','0&'+bankercode)> 
12    <#if fiData?first?has_content> 
13        <#assign fi = fiData?first> 
14        <#if ((fi.projectId == "12") || (fi.projectId == "13") || (fi.projectId == "14"))> 
15            <#assign subbu_special = fi.offerId> 
16        </#if> 
17    </#if>  
18 
19    <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetailSql','0&'+bankercode)> 
20    <#list bData as b>         
21      <#assign rLC = b.reallocationcode > 
22      <#assign lc = b.locationcode > 
23      <#assign mappedLC = b.mappedLocationCode > 
24    </#list>     
25<#else> 
26    <script> 
27        console.log("MainProductBcode missing"); 
28        //location.href = '${url404}'; 
29    </script> 
30</#if> 
31 
32<#if bankercode?starts_with("amp") && (url?contains("11t1m"))> 
33    <#assign ameriprise = true> 
34<#else> 
35    <#assign ameriprise = false> 
36</#if> 
37 
38<#if mappedLC?has_content && !ameriprise> 
39    <#assign lc = mappedLC > 
40</#if> 
41 
42 
43<#if lc?has_content> 
44    <#assign prefix = "00000" > 
45    <#assign lcWithPrefix = prefix + lc > 
46    <#assign withPrefixLength = lcWithPrefix?length > 
47    <#assign startHere = withPrefixLength - 5> 
48    <#assign lc = lcWithPrefix?substring(startHere)> 
49    <#assign clientProfileService = (serviceLocator.findService("com.elan.crc.user.service.CrcClientProfileLocalService"))! /> 
50    <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
51 
52    <#assign clientProfile = clientProfileList?first>  
53    <#assign partnerName=clientProfile.getMarketingNameLong()> 
54    <#assign pbu = clientProfile.getPbu()> 
55    <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
56    <#assign optoutData = utilServ.makeCall('crc_DDCSAAOptOut',pbu+'&'+subbu)> 
57 
58    <#assign optoutData = utilServ.makeCall('crc_DDCSAAOptOut',pbu+'&'+subbu)> 
59    <#if (optoutData?size == 0)> 
60            <#if (subbu_special?has_content)> 
61                <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu_special)>  
62                <script> 
63                    console.log('new subbu', '${subbu_special!''}'); 
64                </script>  
65            <#else> 
66                <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu)>  
67            </#if> 
68            <#if (fiCardsData?size > 0)> 
69                <#assign cardProvider = utilServ.makeCall('crcDDCGetMcOrVisa', fiCardsData[0].offerType + '&' + lc)> 
70                <#assign cardProviderAbbreviated = ''> 
71                <#if (cardProvider?size > 0)> 
72                    <#-- This will be V for visa or M for mastercard. --> 
73                    <#assign cardProviderAbbreviated = cardProvider[0].cardType> 
74                <#else> 
75                    <script> 
76                        console.log('No V or M data') 
77                    </script> 
78                </#if> 
79                <#list fiCardsData as fib> 
80                    <#switch fib.offerType> 
81                        <#case "101"> 
82                            <#assign productURL = "consumer-edr2112"> 
83                            <#assign productName = "Everyday Rewards+"> 
84                            <#break> 
85                        <#case "104"> 
86                            <#assign productURL = "max-cash"> 
87                            <#assign productName = "Max Cash Preferred Card">       
88                            <#break> 
89                        <#case "108"> 
90                            <#assign productURL="consumer-platinum2103"> 
91                            <#assign productName="Platinum Card"> 
92                            <#break> 
93                        <#case "109"> 
94                            <#assign productURL="consumer-platinum2103"> 
95                            <#assign productName="Platinum Card"> 
96                            <#break> 
97                        <#case "115"> 
98                            <#assign productURL = "secured"> 
99                            <#assign productName = "Secured Card" > 
100                            <#break> 
101                        <#case "138"> 
102                            <#assign productURL = "travel-rewards-plus"> 
103                            <#assign productName = "Travel Rewards+" > 
104                            <#break> 
105                        <#case "141"> 
106                            <#assign productURL = "college-real-rewards"> 
107                            <#assign productName = "College Real Rewards" >     
108                            <#break> 
109                        <#case "147"> 
110                            <#assign productURL = "max-cash-secured"> 
111                            <#assign productName = "Max Cash Secured Card" >     
112                            <#break> 
113                        <#case "154"> 
114                            <#assign productURL = "reserve-rewards-plus"> 
115                            <#assign productName = "Reserve Rewards+" > 
116                            <#break> 
117                        <#case "121"> 
118                            <#assign productURL = "business-platinum2103"> 
119                            <#assign productName = "Business Card" > 
120                            <#break> 
121                        <#case "128"> 
122                            <#assign productURL = "business-cash-preferred"> 
123                            <#assign productName = "Business Cash Preferred" > 
124                            <#break> 
125                        <#case "143"> 
126                            <#assign productURL = "business-real-rewards"> 
127                            <#assign productName = "Business Real Rewards Card" > 
128                            <#break> 
129                        <#case "144"> 
130                            <#assign productURL = "smart-business-rewards"> 
131                            <#assign productName = "Smart Business Rewards Card" >     
132                            <#break> 
133                        <#default>                                                         
134                    </#switch> 
135                    <#if productURL?has_content && url?matches(".*/${productURL}\\?.*")> 
136                            <#list product.getSiblings() as card> 
137                                <#if (card.offerType.getData() == fib.offerType)> 
138                                    <div class="content-container" title="${partnerName!''} - Disclaimer"> 
139                                        <div class="jn-disclaimer"> 
140                                                 
141                                            <#if pbuList.getData()?has_content && pbuList.getData()?contains(pbu) && card.disclaimerAssociatedBank.getData()?has_content> 
142                                                ${card.disclaimerAssociatedBank.getData()} 
143                                            <#else> 
144                                                <#if (card.disclaimerVisa?has_content && cardProviderAbbreviated?contains('V'))> 
145                                                    ${card.disclaimerVisa.getData()} 
146                                                </#if> 
147                                                <#if (card.disclaimerMasterCard?has_content && cardProviderAbbreviated?contains('M')) > 
148                                                    ${card.disclaimerMasterCard.getData()} 
149                                                </#if> 
150                                            </#if> 
151                                             
152                                        </div> 
153                                    </div> 
154                                    <#break> 
155                                </#if> 
156                            </#list> 
157                        <#break> 
158                    </#if> 
159                </#list> 
160            <#else> 
161                <script> 
162                    console.log("Empty card data"); 
163                </script> 
164            </#if> 
165    <#else> 
166        <script> 
167            console.log("FI opt out"); 
168        </script> 
169    </#if> 
170 
171<#else> 
172    <script> 
173        console.log("No lc for disclaimer"); 
174    </script> 
175</#if> 
An error occurred while processing the template.
The following has evaluated to null or missing:
==> url404  [in template "10154#10192#153051515" at line 20, column 28]

----
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: ${url404}  [in template "10154#10192#153051515" at line 20, column 26]
----
1<#assign url = themeDisplay.getURLCurrent() > 
2<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
3<#assign utilServ = (serviceLocator.findService("com.elan.crc.utilites.service.CRCRemoteServiceService"))! /> 
4<#assign aDateTime = .now> 
5<#assign currentYear = aDateTime?string.yyyy> 
6 
7<#if  qstringmap["bankercode"]?has_content> 
8    <#assign bCode= qstringmap["bankercode"]?first> 
9    <#assign bCode = htmlUtil.escape(bCode)> 
10    <#assign bCode = htmlUtil.escapeJS(bCode)> 
11     
12    <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetailSql','0&'+bCode)> 
13    <#list bData as b> 
14      <#assign lc = b.reallocationcode > 
15    </#list> 
16     
17<#else> 
18    <script> 
19        console.log("MainProductBcode missing"); 
20        location.href = '${url404}'; 
21    </script> 
22</#if> 
23 
24<#assign prefix = "00000" > 
25<#assign lcWithPrefix = prefix + lc > 
26<#assign withPrefixLength = lcWithPrefix?length > 
27<#assign startHere = withPrefixLength - 5> 
28<#assign lc = lcWithPrefix?substring(startHere)> 
29<#if lc?has_content> 
30   <#assign clientProfileService = (serviceLocator.findService("com.elan.crc.user.service.CrcClientProfileLocalService"))! /> 
31   <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
32   <#assign clientProfile = clientProfileList?first> 
33   <#assign pbu = clientProfile.getPbu()> 
34   <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
35   <#assign partnerName=clientProfile.getMarketingNameLong()> 
36   <#assign clientDataService = (serviceLocator.findService("com.elan.crc.user.service.CrcPbuLocalService"))! /> 
37   <#assign clientProfileDataList = clientDataService.getByPbuAndSubBu(pbu,subbu)> 
38   <#assign partnerUrl = clientProfileDataList.getPartnerMainUrl()> 
39   <script>//console.log('partnerUrl: ${partnerUrl}')</script> 
40   <#if partnerUrl?has_content && !partnerUrl?matches(r"(?i)^https?\:\/\/.*")> 
41        <#assign partnerUrl = 'https://' + partnerUrl> 
42        <script>console.log('Come to here by accident')</script> 
43    </#if> 
44</#if> 
45<script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script> 
46 
47<footer class="footer bg-color-black text-color-white"> 
48    ${footerContent.getData()} 
49</footer> 
50<!-- BEGIN CALIFORNIA OPT-OUT MODAL --> 
51 
52<style> 
53    #opt-out-button, 
54    .modal__btn.learn-more { 
55        background: #0C2074; 
56        border: 1px solid #0C2074; 
57        color: white; 
58        text-transform: uppercase; 
59        text-decoration: none; 
60        font-size: 16px; 
61        padding: 0.5rem 2rem; 
62        display: inline-block; 
63        border-radius: 0; 
64
65    #opt-out-button:hover, 
66    .modal__btn.learn-more:hover { 
67        color: white; 
68        border-color: #2C76AF !important; 
69        background-color: #2C76AF !important; 
70
71    .modal__btn.learn-more { 
72        background: white; 
73        border: 1px solid #0C2074; 
74        color: #0C2074; 
75
76    #opt-out-button[disabled="true"] { 
77        background-color: rgba(0,0,0,.15); 
78        color: rgba(0,0,0,.45); 
79        border-color: rgba(0,0,0,.25); 
80
81    #opt-out-button:hover[disabled="true"] { 
82        background-color: rgba(0,0,0,.15) !important; 
83        color: rgba(0,0,0,.45) !important; 
84        border-color: rgba(0,0,0,.25) !important; 
85
86    #opt-out-button:focus { 
87        outline-style: solid; 
88        outline-color: white; 
89        outline-offset: -3px; 
90        outline-width: 1px; 
91
92    .opt-out-link svg { 
93        width: 30px; 
94        height: 14px; 
95        width: auto; 
96        vertical-align: middle; 
97
98    .modal__overlay { 
99        position: fixed; 
100        top: 0; 
101        left: 0; 
102        right: 0; 
103        bottom: 0; 
104        background: rgba(0,0,0,0.6); 
105        display: flex; 
106        justify-content: center; 
107        align-items: center; 
108
109 
110    .modal__container { 
111        background-color: #fff; 
112        padding: 30px; 
113        max-width: 500px; 
114        max-height: 100vh; 
115        border-radius: 4px; 
116        overflow-y: auto; 
117        box-sizing: border-box; 
118
119 
120    .modal__header { 
121        display: flex; 
122        justify-content: space-between; 
123        align-items: center; 
124
125 
126    .modal__title { 
127        margin-top: 0; 
128        margin-bottom: 0; 
129        font-weight: 600; 
130        font-size: 20px; 
131        line-height: 1.25; 
132        color: #00449e; 
133        box-sizing: border-box; 
134
135 
136    .modal__close { 
137        background: transparent; 
138        border: 1px solid white; 
139        padding: 4px 8px; 
140
141    .modal__close:hover { 
142        border: 1px solid black; 
143
144 
145    .modal__header .modal__close:before { content: "\2715"; } 
146 
147    .modal__content { 
148        margin-top: 2rem; 
149        margin-bottom: 2rem; 
150        line-height: 1.5; 
151
152 
153    @keyframes mmfadeIn { 
154        from { opacity: 0; } 
155        to { opacity: 1; } 
156
157 
158    @keyframes mmfadeOut { 
159        from { opacity: 1; } 
160        to { opacity: 0; } 
161
162 
163    @keyframes mmslideIn { 
164        from { transform: translateY(15%); } 
165        to { transform: translateY(0); } 
166
167 
168    @keyframes mmslideOut { 
169        from { transform: translateY(0); } 
170        to { transform: translateY(-10%); } 
171
172 
173    .micromodal-slide { 
174        display: none; 
175
176 
177    .micromodal-slide.is-open { 
178        display: block; 
179
180 
181    .micromodal-slide[aria-hidden="false"] .modal__overlay { 
182        animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); 
183
184 
185    .micromodal-slide[aria-hidden="false"] .modal__container { 
186        animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); 
187
188 
189    .micromodal-slide[aria-hidden="true"] .modal__overlay { 
190        animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); 
191
192 
193    .micromodal-slide[aria-hidden="true"] .modal__container { 
194        animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); 
195
196 
197    .micromodal-slide .modal__container, 
198    .micromodal-slide .modal__overlay { 
199        will-change: transform; 
200
201</style> 
202 
203<div class="modal micromodal-slide" id="modal-1" aria-hidden="true"> 
204    <div class="modal__overlay" tabindex="-1" data-micromodal-close> 
205        <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-1-title"> 
206            <header class="modal__header"> 
207                <h2 class="modal__title" id="modal-1-title"> 
208                Your California privacy choices 
209                </h2> 
210                <button class="modal__close" aria-label="Close modal" data-micromodal-close></button> 
211            </header> 
212            <div class="modal__content" id="modal-1-content"> 
213                <div id="message-no-cookie"> 
214                    <p> 
215                    We use technologies, such as cookies, that gather information on our website. That information is used for a variety of purposes, such as to understand how visitors interact with our websites, or to serve advertisements on our websites or on other websites. The use of technologies, such as cookies, constitutes a ‘share’ or ‘sale’ of personal information under the California Privacy Rights Act. You can stop the use of certain third-party tracking technologies that are not considered our service providers by clicking on “Opt-Out” below or by broadcasting the global privacy control signal.</p> 
216                     
217                    <p>&nbsp;</p> 
218 
219                    <p>Note that due to technological limitations, if you visit our website from a different computer or device, or clear cookies on your browser that store your preferences, you will need to return to this screen to opt-out and/or rebroadcast the signal. You can find a description of the types of tracking technologies, and your options with respect to those technologies, by clicking “Learn more” below.</p> 
220                </div> 
221                <div id="message-with-cookie"> 
222                    <p>You have successfully opted-out.</p> 
223                </div> 
224            </div> 
225            <div class="modal__footer"> 
226                <a href="https://www.myaccountaccess.com/onlineCard/publicPrivacyPolicy.do?phase=privacyPolicy" target="_blank" class="modal__btn learn-more" aria-label="Learn more">Learn More</a>                
227                <button id="opt-out-button" class="modal__btn modal__btn-primary" aria-label="Opt Out and Close modal" onclick="window.californiaOptOut()">Opt Out</button> 
228            </div> 
229        </div> 
230    </div> 
231</div> 
232<!-- END CALIFORNIA OPT-OUT MODAL --> 
233 
234<script> 
235    const copyrightNode = document.querySelector('.footer .copyright'); 
236    const fdicNode = document.querySelector('.footer .fdic'); 
237    const agreementNode = document.querySelector('.footer .member-agreement'); 
238    if(agreementNode) { 
239        agreementNode.innerHTML='<p><a class="text-color-white" href="https://online1.elancard.com/oad/cmas.controller?locationCode=${lc!0}&preparerType=customer&isNewRequest=false" target="_blank">Cardmember Agreements</a></p>'; 
240
241    if (copyrightNode) { 
242        copyrightNode.innerHTML = '<sup>©</sup> Elan Financial Services ' + ${currentYear}; 
243        copyrightNode.classList.add('ecdma-footer-client-name-copyright'); 
244
245    if (fdicNode) { 
246        fdicNode.innerHTML = '<p><a class="text-color-white" href="https://login.elancreditcard.com/onlineCard/publicPrivacyPolicy.do?phase=privacyPolicy" target="_blank">Privacy and Security</a></p>'; 
247        fdicNode.insertAdjacentHTML('afterend', '<div style="display: inline-block; margin-left: 100px;"><a class="text-color-white opt-out-link" href="javascript:void(0);" data-micromodal-trigger="modal-1">Your California privacy choices <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve"><path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" fill-rule="evenodd" clip-rule="evenodd" fill="#fff"/><path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" fill-rule="evenodd" clip-rule="evenodd" fill="#06f"/><path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" fill="#fff"/><path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" fill="#06f"/></svg></a></div>'); 
248
249     
250</script> 
251<#if partnerUrl?has_content> 
252    <script> 
253        const homelinkNode = document.querySelector('.footer .copyright .homelink'); 
254        if (homelinkNode) { 
255            homelinkNode.href="${partnerUrl!''}"; 
256            homelinkNode.title="${partnerName!''}"; 
257            homelinkNode.innerText="Home"; 
258
259    </script> 
260</#if> 
261<!-- BEGIN CALIFORNIA OPT-OUT MODAL LOGIC --> 
262 
263<script> 
264    window.getCookieDomain = function() { 
265        var hostname = window.location.hostname.split("."); 
266        return hostname && hostname.slice(hostname.length - 2).join("."); 
267
268    window.setToOptOut = function() { 
269        if (window.getCookie('privacy_optout')) { 
270                document.getElementById('message-no-cookie').style.display = 'none'; 
271                document.getElementById('message-with-cookie').style.display = 'block'; 
272                document.getElementById('opt-out-button').setAttribute('disabled', true) 
273            } else { 
274                document.getElementById('message-no-cookie').style.display = 'block'; 
275                document.getElementById('message-with-cookie').style.display = 'none'; 
276
277
278    window.getCookie = function(name) { 
279        var value = '; ' + document.cookie; 
280        var parts = value.split('; ' + name + '='); 
281        if (parts.length === 2) return parts.pop().split(';').shift(); 
282
283    window.californiaOptOut = function() { 
284        if (!window.getCookie('privacy_optout')) { 
285            document.cookie = 'privacy_optout=1; path=/; domain=' + window.getCookieDomain() + '; expires=Thu, 31 Dec 2099 00:00:00 GMT;'; 
286            try { 
287             if (window.CustomEvent) { 
288                window.dispatchEvent(new CustomEvent('privacy_optout')); 
289             } else { 
290                var privacyOptoutEvent = document.createEvent('Event'); 
291                privacyOptoutEvent.initEvent('privacy_optout', true, true); 
292                window.dispatchEvent(privacyOptoutEvent); 
293
294             window.setToOptOut(); 
295            } catch (err) { 
296             console.error(err); 
297
298
299
300    MicroModal.init({ 
301        onShow: window.setToOptOut 
302    }); 
303    AUI().ready(function() { 
304        // user browser setting for Global Privacy Control to opt out of sharing information with third parties 
305        const isBrowserGpcOptOut = navigator.globalPrivacyControl; 
306        if(isBrowserGpcOptOut === true) { 
307        window.californiaOptOut(); 
308
309    }); 
310</script> 
311<!-- END CALIFORNIA OPT-OUT MODAL LOGIC -->