1<#include d3_macros/> 

2<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 

3<#assign d3DonorCompensationLocalService = serviceLocator.findService("com.grifols.d3.donor.compensation.service.DonorCompensationLocalService") /> 

4<#assign portalURL=themeDisplay.getPortalURL()> 

5<#assign portalLanguage=themeDisplay.getLanguageId()[0..1]> 

6 

7<#assign centerImage=""> 

8<#assign centerImageAltText=""> 

9<#assign centerInformationDescription = ""/> 

10 

11<#assign sharedDescriptionContent=""> 

12<#assign sharedDescriptionArticle = JournalArticleLocalService.getLatestArticleByUrlTitle(scopeGroupId, "center-details-shared-description", 0)> 

13 

14<#if sharedDescriptionArticle??> 

15    <#assign sharedDescriptionContent = JournalArticleLocalService.getArticleContent(scopeGroupId, sharedDescriptionArticle.getArticleId(), "", locale, objThemeDisplay)> 

16 

17    <#if sharedDescriptionContent?has_content && sharedDescriptionContent?trim?index_of("{") == 0> 

18        <#assign shared_description = jsonFactoryUtil.createJSONObject(sharedDescriptionContent?trim)> 

19		 

20        <#if shared_description??> 

21            <#if shared_description.getJSONObject("center_image")?has_content> 

22                <#assign centerImageContent = shared_description.getJSONObject("center_image")> 

23                <#if centerImageContent.getString("content")?has_content > 

24                    <#assign centerImage = centerImageContent.getString("content")> 

25                </#if> 

26 

27                <#if centerImageContent.getString("alt_text")?has_content > 

28                    <#assign centerImageAltText = centerImageContent.getString("alt_text")> 

29                </#if> 

30            </#if> 

31 

32            <#if shared_description.getJSONObject("center_ammenities")?has_content> 

33                <#assign centerAmmenitiesContent = shared_description.getJSONObject("center_ammenities")> 

34                <#if centerAmmenitiesContent.getString("title")?has_content > 

35                    <#assign centerAmmenitiesTitle = centerAmmenitiesContent.getString("title")> 

36                </#if> 

37 

38                <#if centerAmmenitiesContent.getString("description")?has_content > 

39                    <#assign centerAmmenitiesDescription = centerAmmenitiesContent.getString("description")> 

40                </#if> 

41 

42                <#if centerAmmenitiesContent.getJSONArray("ammenities")?has_content && centerAmmenitiesContent.getJSONArray("ammenities")?is_hash> 

43                    <#assign centerAmmenitiesList = centerAmmenitiesContent.getJSONArray("ammenities")> 

44                </#if> 

45            </#if> 

46 

47            <#if shared_description.getJSONObject("donation_requirements")?has_content> 

48                <#assign donationRequirementsContent = shared_description.getJSONObject("donation_requirements")> 

49                <#if donationRequirementsContent.getString("title")?has_content > 

50                    <#assign donationRequirementsTitle = donationRequirementsContent.getString("title")> 

51                </#if> 

52 

53                <#if donationRequirementsContent.getJSONArray("requirements")?has_content && donationRequirementsContent.getJSONArray("requirements")?is_hash> 

54                    <#assign donationRequirementsList = donationRequirementsContent.getJSONArray("requirements")> 

55                </#if> 

56            </#if> 

57 

58            <#if shared_description.getJSONObject("steps_to_donate")?has_content> 

59                <#assign stepsToDonateContent = shared_description.getJSONObject("steps_to_donate")> 

60                <#if stepsToDonateContent.getString("title")?has_content > 

61                    <#assign stepsToDonateTitle = stepsToDonateContent.getString("title")> 

62                </#if> 

63 

64                <#if stepsToDonateContent.getJSONArray("steps")?has_content && stepsToDonateContent.getJSONArray("steps")?is_hash> 

65                    <#assign stepsToDonateList = stepsToDonateContent.getJSONArray("steps")> 

66                </#if> 

67            </#if> 

68 

69            <#if shared_description.getJSONObject("center_information")?has_content> 

70                <#assign centerInformationContent = shared_description.getJSONObject("center_information")> 

71                <#if centerInformationContent.getString("title")?has_content > 

72                    <#assign centerInformationTitle = centerInformationContent.getString("title")> 

73                </#if> 

74 

75                <#if centerInformationContent.getString("default_description")?has_content > 

76                    <#assign centerInformationDescription = centerInformationContent.getString("default_description")> 

77                </#if> 

78            </#if> 

79             

80            <#if shared_description.getJSONObject("specialty_programs")?has_content> 

81                <#assign specialtyProgramsContent = shared_description.getJSONObject("specialty_programs")> 

82                <#if specialtyProgramsContent.getString("title")?has_content > 

83                    <#assign specialtyProgramsTitle = specialtyProgramsContent.getString("title")> 

84                </#if> 

85 

86                <#if specialtyProgramsContent.getString("description")?has_content > 

87                    <#assign specialtyProgramsDescription = specialtyProgramsContent.getString("description")> 

88                </#if> 

89 

90                <#if specialtyProgramsContent.getJSONArray("programs")?has_content && specialtyProgramsContent.getJSONArray("programs")?is_hash> 

91                    <#assign specialtyProgramsList = specialtyProgramsContent.getJSONArray("programs")> 

92                </#if> 

93            </#if> 

94 

95			<#if shared_description.getJSONObject("refer_friend")?has_content> 

96                <#assign referAFriendContent = shared_description.getJSONObject("refer_friend")> 

97                <#if refer_friend_text?? && refer_friend_text.getData()?has_content> 

98                    <#assign referFriendTitle = refer_friend_text.getData()> 

99                <#elseif referAFriendContent.getString("title")?has_content > 

100                    <#assign referFriendTitle = referAFriendContent.getString("title")> 

101                </#if> 

102				<#if referAFriendContent.getString("image")?has_content > 

103                    <#assign referAFriendImage = referAFriendContent.getString("image")> 

104                </#if> 

105            </#if> 

106			 

107			<#if shared_description.getJSONObject("donor_compensation")?has_content> 

108                <#assign donorCompensationContent = shared_description.getJSONObject("donor_compensation")> 

109 

110				<#if donorCompensationContent.getString("image")?has_content > 

111                    <#assign donorCompensationImage = donorCompensationContent.getString("image")> 

112                </#if> 

113            </#if> 

114			 

115			<#if shared_description.getString("legal_disclaimer")?has_content> 

116                <#assign legalDisclaimer = shared_description.getString("legal_disclaimer")> 

117            </#if> 

118        </#if> 

119    </#if> 

120</#if> 

121 

122 

123<#assign centerName = ""/> 

124<#if main_title?? && main_title.getData()?has_content> 

125    <#assign centerName = main_title.getData()/> 

126</#if> 

127 

128<#if center_name?? && center_name.getData()?has_content> 

129    <#assign centerName = center_name.getData()/> 

130</#if> 

131 

132<#assign centerLogo = ""/> 

133<#if picture?? && picture.getData()?has_content> 

134    <#assign centerLogo = picture.getData()/> 

135</#if> 

136 

137<#assign centerState = ""/> 

138<#if state?? && state.getData()?has_content> 

139    <#assign centerState = state.getData()/> 

140</#if> 

141 

142<#assign centerAddress = ""/> 

143<#if address?? && address.getData()?has_content> 

144    <#assign centerAddress = address.getData()/> 

145</#if> 

146 

147<#assign centerCity = ""/> 

148<#if city?? && city.getData()?has_content> 

149    <#assign centerCity = city.getData()/> 

150</#if> 

151 

152<#assign centerZipCode = ""/> 

153<#if zipcode?? && zipcode.getData()?has_content> 

154    <#assign centerZipCode = zipcode.getData()/> 

155</#if> 

156 

157<#assign centerPhone = ""/> 

158<#if phone?? && phone.getData()?has_content> 

159    <#assign centerPhone = phone.getData()/> 

160</#if> 

161 

162<#if center_image?? && center_image.getData()?has_content> 

163    <#assign centerImage = center_image.getData()/> 

164</#if> 

165 

166<#if information?? && information.getData()?has_content> 

167    <#assign centerInformationDescription = information.getData()/> 

168</#if> 

169 

170<#assign centerAddress = ""/> 

171<#if address?? && address.getData()?has_content> 

172    <#assign centerAddress = address.getData()/> 

173</#if> 

174 

175 

176<#assign centerDMS = ""/> 

177<#if dms?? && dms.getData()!=''> 

178    <#assign centerDMS = dms.getData()> 

179</#if> 

180 

181<#assign hoursMicrodata = "" /> 

182 

183<#assign locale_prefix = "" /> 

184<#if locale = "en_US"> 

185	<#assign locale_prefix = "/en" /> 

186<#else> 

187	<#assign locale_prefix = "/es" /> 

188</#if> 

189 

190<#assign showCompensationSection = !hide_compensation_section?? || (hide_compensation_section?? && !getterUtil.getBoolean(hide_compensation_section.getData())) /> 

191 

192<div class="d3-detail-page" style="padding: 0"> 

193    <div class="d3-promotional-block"> 

194        <div class="promotional-text on-left"> 

195            <div class="container"> 

196                <div class="d3-col-xs-6 d3-col-md-10"> 

197                    <#if centerLogo != ""> 

198                        <img 

199                            alt="Grifols Center Logo" 

200                            src="${centerLogo}" 

201                        /> 

202                    </#if> 

203                     

204                    <#assign centerNameState = ""/> 

205                    <#if centerName != ""> 

206                        <#assign centerNameState = centerName/> 

207                         

208                        <#if centerState != ""> 

209                            <#assign centerNameState += (", " + centerState)/> 

210                        </#if> 

211                    </#if> 

212                     

213                    <#if centerNameState != ""> 

214                        <h1> 

215                            ${centerNameState} 

216                        </h1> 

217                    </#if> 

218                     

219                    <#if centerAddress != "" || centerPhone != "" > 

220                        <p> 

221                            <#if centerAddress != ""> 

222                                ${centerAddress} <br /> 

223 

224                                <#if centerCity != ""> 

225                                    ${centerCity} 

226                                </#if> 

227 

228                                <#if centerState != ""> 

229                                    ${centerState} 

230                                </#if> 

231 

232                                <#if centerZipCode != ""> 

233                                    ${centerZipCode} 

234                                </#if> 

235                            </#if> 

236 

237                            <#if centerPhone != ""> 

238                                <br />${centerPhone} 

239                            </#if> 

240                        </p> 

241                    </#if> 

242 

243                    <div class="button-row"> 

244                        <#if schedule_a_visit?? && schedule_a_visit.getData()?has_content> 

245                            <#if centerDMS != "" && portalLanguage?? && portalLanguage?has_content> 

246                                <#assign appointmentURL =  "https://www.grifolsplasmadonorhub.com/guest/schedule-donation?centerCode=" + centerDMS + "&lang=" + portalLanguage /> 

247                            </#if> 

248                             

249                            <#if appointmentURL?? && appointmentURL?has_content> 

250                                <a 

251                                    class="btn btn-primary btn-icon--left" 

252                                    href="${appointmentURL}" 

253                                    target="_blank" 

254                                > 

255                                    <i class="ph-bold ph-calendar"></i> 

256                                    <@liferay.language key="com.grifols.d3.schedule-appointment"/> 

257                                </a> 

258                            </#if> 

259                        </#if> 

260                         

261                        <#assign googleMapsURL = ""/> 

262                        <#if driving_directions?? && driving_directions.getData()?has_content> 

263                            <#assign googleMapsURL = driving_directions.getData()/> 

264                        <#else> 

265                            <#if centerAddress != "" && centerCity != "" && centerState != "" && centerZipCode != "" > 

266                                <#assign googleMapsURL =  centerAddress + "," +  centerCity + "," +  centerState + "," +  centerZipCode/> 

267                                <#assign googleMapsURL =  htmlUtil.escapeURL( googleMapsURL)/> 

268                                <#assign googleMapsURL = "http://maps.google.com?q=" +  googleMapsURL/> 

269                            </#if> 

270                        </#if> 

271 

272                        <#if googleMapsURL != ""> 

273                            <a 

274                                class="btn btn-secondary btn-icon--left" 

275                                href="${googleMapsURL}" 

276                                target="_blank" 

277                            > 

278                                <i class="ph-bold ph-traffic-sign"></i> 

279                                <@liferay.language key="com.grifols.d3.driving-directions"/> 

280                            </a> 

281                        </#if> 

282                    </div> 

283                </div> 

284            </div> 

285        </div> 

286 

287 

288        <div class="promotional-image aspect-ratio-bg-center aspect-ratio-bg-cover d3-xs-hide" title="${centerName}">&nbsp;</div> 

289        <div class="promotional-image aspect-ratio aspect-ratio-8-to-5 aspect-ratio-bg-center aspect-ratio-bg-cover d3-md-hide" title="${centerName}">&nbsp;</div> 

290    </div> 

291 

292    <div class="d3-component container"> 

293        <div class="row"> 

294            <div class="d3-col-xs-6 d3-col-md-6"> 

295               <#if showCompensationSection > 

296				   <#if centerDMS != ""> 

297						<#assign dcTextModel = ""/> 

298						<#if d3DonorCompensationLocalService.getDonorCompensationByDMS(centerDMS)?has_content> 

299							<#assign curDonorCompensation = d3DonorCompensationLocalService.getDonorCompensationByDMS(centerDMS)/> 

300							 

301							<#if curDonorCompensation?? && curDonorCompensation?has_content> 

302								<#if locale = "en_US"> 

303									<#assign dcTextModel = curDonorCompensation.compensationMessageEN/> 

304								<#elseif locale = "es_ES"> 

305									<#assign dcTextModel = curDonorCompensation.compensationMessageES/> 

306								</#if> 

307							</#if> 

308						</#if> 

309						 

310						 

311						<#if dcTextModel != ""> 

312							<div class="d3-description"> 

313								<h3><@liferay.language key='com.grifols.d3.new-donor-compensation' /></h3> 

314								<div class="donor-compensation-icons"> 

315									<#if donorCompensationImage??> 

316										<img 

317											alt="Donor Compensation Icon" 

318											src="${donorCompensationImage}" 

319										/> 

320									</#if> 

321									<p class="text-bold">${dcTextModel}*</p> 

322								</div> 

323							</div> 

324						</#if> 

325						 

326						<#if referFriendTitle??> 

327							<div class="donor-compensation-icons"> 

328								<#if referAFriendImage??> 

329									<img 

330										alt="Refer a Friend Icon" 

331										src="${referAFriendImage}" 

332									/> 

333								</#if> 

334								 

335								<#assign refer_friend_url = locale_prefix + "/refer-a-friend" /> 

336								<a href="${refer_friend_url}">${referFriendTitle}</a> 

337							</div> 

338						</#if> 

339					</#if> 

340				</#if> 

341                 

342                <#if dms.getData()?has_content > 

343                    <#if  themeDisplay.getPortletDisplay().getPortletName() == "preview" > 

344                        <#assign centerOperationHours =  plasmaUtils.getHoursToShow( locale,  dms.getData(), true)/> 

345                    <#else> 

346                        <#assign centerOperationHours =  plasmaUtils.getHoursToShow( locale,  dms.getData(), false)/> 

347                    </#if> 

348                         

349                    <#if centerOperationHours != "" > 

350						<#assign hoursMicrodata = plasmaUtils.getHoursMicrodata(dms.getData()) />						 

351                        <div class="d3-description"> 

352                            <h3><@liferay.language key='com.grifols.plasma.hours' /></h3> 

353                            ${centerOperationHours} 

354                        </div> 

355                    </#if> 

356                </#if> 

357            </div> 

358            <div class="d3-col-xs-6 d3-col-md-6"> 

359                <#if (covid_convalescent?? && covid_convalescent.getData()?? && covid_convalescent.getData() == 'true') 

360                    || (childcare?? && childcare.getData()?? && childcare.getData() == 'true') 

361                    || (appointments?? && appointments.getData()?? && appointments.getData() == 'true') 

362                    || (ownbuilding?? && ownbuilding.getData()?? && ownbuilding.getData() == 'true') 

363                    || (inshoppingcenter?? && inshoppingcenter.getData()?? && inshoppingcenter.getData() == 'true') 

364                    || (bankofamerica?? && bankofamerica.getData()?? && bankofamerica.getData() == 'true') 

365                    || (paysign?? && paysign.getData()?? && paysign.getData() == 'true') 

366                    || (donorhub?? && donorhub.getData()?? && donorhub.getData() == 'true') 

367                > 

368                     

369                    <div class="d3-description"> 

370                        <#if centerAmmenitiesTitle??> 

371                            <h3>${centerAmmenitiesTitle}</h3> 

372                        </#if> 

373                         

374                        <div class="center-ammenities-container"> 

375                            <#list 0..<centerAmmenitiesList.length() as center_ammenities_index> 

376                                <#if centerAmmenitiesList.getJSONObject(center_ammenities_index)??> 

377                                    <#assign cur_ammenity = centerAmmenitiesList.getJSONObject(center_ammenities_index)> 

378                                    <#if cur_ammenity.getString("id_name")?? && cur_ammenity.getString("id_name")?has_content> 

379                                        <#assign cur_ammenity_id_name = cur_ammenity.getString("id_name")> 

380 

381                                        <#if (cur_ammenity_id_name = 'covid-convalescent' && covid_convalescent?? && covid_convalescent.getData()?? && covid_convalescent.getData() == 'true') 

382                                            || (cur_ammenity_id_name = 'childcare' && childcare?? && childcare.getData()?? && childcare.getData() == 'true') 

383                                            || (cur_ammenity_id_name = 'appointments' && appointments?? && appointments.getData()?? && appointments.getData() == 'true') 

384                                            || (cur_ammenity_id_name = 'own-building' && ownbuilding?? && ownbuilding.getData()?? && ownbuilding.getData() == 'true') 

385                                            || (cur_ammenity_id_name = 'in-shopping-center' && inshoppingcenter?? && inshoppingcenter.getData()?? && inshoppingcenter.getData() == 'true') 

386                                            || (cur_ammenity_id_name = 'bank-of-america' && bankofamerica?? && bankofamerica.getData()?? && bankofamerica.getData() == 'true') 

387                                            || (cur_ammenity_id_name = 'paysign' && paysign?? && paysign.getData()?? && paysign.getData() == 'true') 

388                                            || (cur_ammenity_id_name = 'donorhub' && donorhub?? && donorhub.getData()?? && donorhub.getData() == 'true') 

389                                        > 

390                                            <div class="specialty-programs-icons"> 

391                                                <#assign cur_ammenity_name = cur_ammenity.getString("name")> 

392                                         

393                                                <#if cur_ammenity.getString("icon")?? && cur_ammenity.getString("icon")?has_content && cur_ammenity_id_name != 'donorhub'> 

394                                                    <#assign card_icon = getPhosphorIcon(cur_ammenity.getString("icon")) /> 

395                                                    <div class="circle"> 

396                                                        <i class="d3-icon ${card_icon}"></i> 

397                                                    </div> 

398                                                </#if> 

399                                                 

400                                                <#if cur_ammenity_id_name = 'donorhub'> 

401                                                    <img 

402                                                            alt="${cur_ammenity_id_name}" 

403                                                            src="https://www.grifolsplasma.com/documents/1088990/1092005/donorhub-avatar.png/c2cbf871-138e-495c-bda4-24ba8852036a?t=1719494894109" 

404                                                      /> 

405													 

406                                                     

407                                                    <#assign donorhubURL =  "https://www.grifolsplasmadonorhub.com" /> 

408                                                    <a   

409                                                        href="${donorhubURL}" target="_blank" 

410                                                    > 

411                                                        ${cur_ammenity_name} 

412                                                    </a> 

413                                                <#else> 

414                                                    <p>${cur_ammenity_name}</p> 

415                                                </#if> 

416                                                 

417                                            </div> 

418                                        </#if> 

419                                    </#if> 

420                                </#if> 

421                            </#list> 

422 

423                            <#if (antidprogram?? && antidprogram.getData()?? && antidprogram.getData() == 'true') 

424                                || (rabiesprogram?? && rabiesprogram.getData()?? && rabiesprogram.getData() == 'true') 

425                                || (tetanusprogram?? && tetanusprogram.getData()?? && tetanusprogram.getData() == 'true') 

426                                || (hepatitisbprogram?? && hepatitisbprogram.getData()?? && hepatitisbprogram.getData() == 'true') 

427                                || (rsv_program?? && rsv_program.getData()?? && rsv_program.getData() == 'true') 

428                                || (male_ab_program?? && male_ab_program.getData()?? && male_ab_program.getData() == 'true') 

429                            > 

430                                <#list 0..<specialtyProgramsList.length() as specialty_programs_index> 

431                                    <#if specialtyProgramsList.getJSONObject(specialty_programs_index)??> 

432                                        <#assign cur_specialty_program = specialtyProgramsList.getJSONObject(specialty_programs_index)> 

433                                        <#if cur_specialty_program.getString("id_name")?? && cur_specialty_program.getString("id_name")?has_content> 

434                                            <#assign cur_specialty_program_id_name = cur_specialty_program.getString("id_name")> 

435 

436                                            <#if (cur_specialty_program_id_name == 'anti-d-program' && antidprogram?? && antidprogram.getData()?? && antidprogram.getData() == 'true') 

437                                                || (cur_specialty_program_id_name == 'anti-rabies-program' && rabiesprogram?? && rabiesprogram.getData()?? && rabiesprogram.getData() == 'true') 

438                                                || (cur_specialty_program_id_name == 'anti-tetanus-program' && tetanusprogram?? && tetanusprogram.getData()?? && tetanusprogram.getData() == 'true') 

439                                                || (cur_specialty_program_id_name == 'anti-hepatitis-B-program' && hepatitisbprogram?? && hepatitisbprogram.getData()?? && hepatitisbprogram.getData() == 'true') 

440                                                || (cur_specialty_program_id_name == 'anti-rsv-program' && rsv_program?? && rsv_program.getData()?? && rsv_program.getData() == 'true') 

441                                                || (cur_specialty_program_id_name == 'male-ab-program' && male_ab_program?? && male_ab_program.getData()?? && male_ab_program.getData() == 'true') 

442                                            > 

443                                                <div class="specialty-programs-icons"> 

444                                                    <#assign cur_specialty_program_id = cur_specialty_program.getString("id_name")> 

445													<#assign cur_specialty_program_name = cur_specialty_program.getString("name")> 

446                                             

447                                                    <#if cur_specialty_program.getString("icon")?? && cur_specialty_program.getString("icon")?has_content> 

448                                                        <#assign cur_specialty_program_icon = cur_specialty_program.getString("icon")> 

449                                                        <img 

450                                                            alt="${cur_specialty_program_name}" 

451                                                            src="${cur_specialty_program_icon}" 

452                                                        /> 

453                                                    </#if> 

454													 

455													<#assign cur_specialty_url = locale_prefix + "/experienced-donor/specialty-plasma-programs" /> 

456													 

457													<#if cur_specialty_program_id = "anti-d-program" || cur_specialty_program_id = "anti-hepatitis-B-program" > 

458														<#assign cur_specialty_url = cur_specialty_url + "#anti-B-D"> 

459													<#elseif cur_specialty_program_id = "anti-tetanus-program" || cur_specialty_program_id = "anti-rabies-program" > 

460														<#assign cur_specialty_url = cur_specialty_url + "#anti-tetanus-rabies"> 

461													<#elseif cur_specialty_program_id = "anti-rsv-program" || cur_specialty_program_id = "male-ab-program" > 

462														<#assign cur_specialty_url = cur_specialty_url + "#anti-rsv-ab"> 

463													</#if> 

464													 

465													<a href="${cur_specialty_url}">${cur_specialty_program_name}</a> 

466                                                </div> 

467                                            </#if> 

468                                        </#if> 

469                                    </#if> 

470                                </#list> 

471                            </#if> 

472                        </div> 

473                    </div> 

474                </#if> 

475                 

476                <#if donationRequirementsList??> 

477                    <div class="d3-description"> 

478                        <#if donationRequirementsTitle??> 

479                            <h3>${donationRequirementsTitle}</h3> 

480                        </#if> 

481 

482                        <p> 

483                            <#list 0..<donationRequirementsList.length() as donation_requirements_index> 

484                                <#if donationRequirementsList.getJSONObject(donation_requirements_index)??> 

485                                    <#assign cur_requirement = donationRequirementsList.getJSONObject(donation_requirements_index)> 

486                                    <#if cur_requirement.getString("description")?? && cur_requirement.getString("description")?has_content> 

487                                        <strong>${donation_requirements_index + 1}. </strong>${cur_requirement.getString("description")}<br/> 

488                                    </#if> 

489                                </#if> 

490                            </#list> 

491                        </p> 

492                    </div> 

493                </#if> 

494            </div> 

495        </div> 

496    </div> 

497 

498    <#if stepsToDonateList??> 

499		<div class="d3-info-card row-4 pt-0"> 

500			<div class="container"> 

501				<#if stepsToDonateTitle??> 

502					<div class="d3-row d3-introduction text-center text-content"> 

503						<h2>${stepsToDonateTitle}</h2> 

504					</div> 

505				</#if> 

506				 

507				<div class="d3-content-grid" style="justify-content: center"> 

508					<#list 0..<stepsToDonateList.length() as steps_to_donate_index> 

509						<#if stepsToDonateList.getJSONObject(steps_to_donate_index)??> 

510							<#assign cur_step = stepsToDonateList.getJSONObject(steps_to_donate_index)> 

511							<#if (cur_step.getString("description")?? && cur_step.getString("description")?has_content)  

512								|| cur_step.getString("image")?? && cur_step.getString("image")?has_content> 

513								<div class="d3-col-xs-6 d3-col-sm-3 d3-col-md-2"> 

514									<div class="d3-card-ghost item-1"> 

515										<div class="card-content"> 

516											<#if cur_step.getString("image")?? && cur_step.getString("image")?has_content> 

517												<img 

518													src="${cur_step.getString("image")}" 

519												/> 

520											</#if> 

521											 

522											<#if cur_step.getString("description")?? && cur_step.getString("description")?has_content> 

523												<strong class="text-lg"> 

524													${steps_to_donate_index + 1}. ${cur_step.getString("description")} 

525												</strong> 

526											</#if> 

527										</div> 

528									</div> 

529								</div>  

530							</#if> 

531						</#if> 

532					</#list> 

533				</div> 

534			</div> 

535		</div> 

536    </#if> 

537 

538 

539    <#if centerInformationDescription??> 

540        <div class="d3-text pt-0"> 

541            <div class="container"> 

542                <div class="d3-col-xs-6 d3-col-md-10 d3-offset-md-1"> 

543                    <#if centerInformationTitle??> 

544                        <h3>${centerInformationTitle}</h3> 

545                    </#if> 

546                    <div>${centerInformationDescription 

547                            ?replace("CENTER_COMPANY","${centerName}") 

548                            ?replace("CENTER_CITY","${centerCity}") 

549                            ?replace("CENTER_STATE","${centerState}")}</div> 

550                </div> 

551            </div> 

552        </div> 

553    </#if> 

554	 

555	<#if showCompensationSection > 

556		<#if legalDisclaimer?? && legalDisclaimer?has_content> 

557			<div class="d3-text pt-0"> 

558				<div class="container"> 

559					<div class="d3-col-xs-6 d3-col-md-8 d3-offset-md-2 d3-roffset-md-2"> 

560						<div class="d3-description text-center text-caption"> 

561							${legalDisclaimer} 

562						</div> 

563					</div> 

564				</div> 

565			</div> 

566		</#if> 

567	</#if> 

568</div> 

569 

570<style> 

571    .journal-content-article .promotional-image { 

572      background-image: url("${centerImage}"); 

573    } 

574 

575    .d3-description .hours { 

576        display: flex; 

577    } 

578 

579    .d3-description .hours .day-name{ 

580        width: 50%; 

581    } 

582 

583    .center-ammenities-container { 

584        display: flex; 

585        flex-wrap: wrap; 

586    } 

587 

588    .specialty-programs-icons { 

589        display: flex; 

590        flex-direction: row; 

591        align-items: center; 

592        gap: 16px; 

593        padding-bottom: 16px; 

594        width: 100%; 

595    } 

596 

597    .donor-compensation-icons img { 

598        height: 40px; 

599    } 

600	 

601	.donor-compensation-icons { 

602        display: flex; 

603        flex-direction: row; 

604        align-items: center; 

605        gap: 16px; 

606        padding-bottom: 16px; 

607        width: 100%; 

608    } 

609 

610    .specialty-programs-icons img { 

611        height: 32px; 

612    } 

613 

614    .specialty-programs-icons .circle { 

615        display: flex; 

616        align-items: center; 

617        background-color: #d4e4f4; 

618        color: #002969; 

619        border-radius: 100%; 

620        justify-content: center; 

621        width: 32px; 

622        height: 32px; 

623    } 

624 

625    .specialty-programs-icons .circle .d3-icon { 

626        font-size: 16px; 

627    } 

628 

629    @media screen and ( min-width: 600px ) 

630    { 

631    .specialty-programs-icons { 

632        width: 50%; 

633    } 

634	 

635 

636</style> 

637 

638<script type="application/ld+json"> 

639    <#assign portalURL=themeDisplay.getPortalURL()> 

640     

641    { 

642        "@context": "https://schema.org", 

643        "@type": "LocalBusiness", 

644        "logo": "${portalURL}${centerLogo}", 

645        "name": "${centerName}", 

646        "photo": "${portalURL}${centerImage}", 

647        "address": { 

648            "@type": "PostalAddress", 

649            "addressLocality": "${centerCity}", 

650            "addressRegion": "${centerState}", 

651            "postalCode": "${centerZipCode}", 

652            "streetAddress": "${address.getData()}", 

653            "addressCountry": "US" 

654        }, 

655        "telephone": "${centerPhone}", 

656        "description": "${centerInformationDescription?json_string}", 

657        "hasMap": "${googleMapsURL}", 

658 

659        <#if x_coordinate?? && x_coordinate.getData()?has_content && y_coordinate??  

660            && y_coordinate.getData()?has_content> 

661            "geo": { 

662                "@type": "GeoCoordinates", 

663                "latitude": "${x_coordinate.getData()}", 

664                "longitude": "${y_coordinate.getData()}" 

665            }, 

666        </#if> 

667		<#if hoursMicrodata != ""> 

668			${hoursMicrodata?remove_beginning("{")?remove_ending("}")} 

669		</#if> 

670    } 

671</script>