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_a_friend?? && refer_a_friend.getData()?has_content> 

98                    <#assign referFriendTitle = refer_a_friend.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        </#if> 

115    </#if> 

116</#if> 

117 

118 

119<#assign centerName = ""/> 

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

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

122</#if> 

123 

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

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

126</#if> 

127 

128<#assign centerLogo = ""/> 

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

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

131</#if> 

132 

133<#assign centerState = ""/> 

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

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

136</#if> 

137 

138<#assign centerAddress = ""/> 

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

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

141</#if> 

142 

143<#assign centerCity = ""/> 

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

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

146</#if> 

147 

148<#assign centerZipCode = ""/> 

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

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

151</#if> 

152 

153<#assign centerPhone = ""/> 

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

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

156</#if> 

157 

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

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

160</#if> 

161 

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

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

164</#if> 

165 

166<#assign centerAddress = ""/> 

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

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

169</#if> 

170 

171 

172<#assign centerDMS = ""/> 

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

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

175</#if> 

176 

177<#assign hoursMicrodata = "" /> 

178 

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

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

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

182            <div class="container"> 

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

184                    <#if centerLogo != ""> 

185                        <img 

186                            alt="Grifols Center Logo" 

187                            src="${centerLogo}" 

188                        /> 

189                    </#if> 

190                     

191                    <#assign centerNameState = ""/> 

192                    <#if centerName != ""> 

193                        <#assign centerNameState = centerName/> 

194                         

195                        <#if centerState != ""> 

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

197                        </#if> 

198                    </#if> 

199                     

200                    <#if centerNameState != ""> 

201                        <h1> 

202                            ${centerNameState} 

203                        </h1> 

204                    </#if> 

205                     

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

207                        <p> 

208                            <#if centerAddress != ""> 

209                                ${centerAddress} <br /> 

210 

211                                <#if centerCity != ""> 

212                                    ${centerCity} 

213                                </#if> 

214 

215                                <#if centerState != ""> 

216                                    ${centerState} 

217                                </#if> 

218 

219                                <#if centerZipCode != ""> 

220                                    ${centerZipCode} 

221                                </#if> 

222                            </#if> 

223 

224                            <#if centerPhone != ""> 

225                                <br />${centerPhone} 

226                            </#if> 

227                        </p> 

228                    </#if> 

229 

230                    <div class="button-row"> 

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

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

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

234                            </#if> 

235                             

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

237                                <a 

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

239                                    href="${appointmentURL}" 

240                                    target="_blank" 

241                                > 

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

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

244                                </a> 

245                            </#if> 

246                        </#if> 

247                         

248                        <#assign googleMapsURL = ""/> 

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

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

251                        <#else> 

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

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

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

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

256                            </#if> 

257                        </#if> 

258 

259                        <#if googleMapsURL != ""> 

260                            <a 

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

262                                href="${googleMapsURL}" 

263                                target="_blank" 

264                            > 

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

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

267                            </a> 

268                        </#if> 

269                    </div> 

270                </div> 

271            </div> 

272        </div> 

273 

274 

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

276        <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> 

277    </div> 

278 

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

280        <div class="row"> 

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

282               <#if centerDMS != ""> 

283					<#assign dcTextModel = ""/> 

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

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

286						 

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

288							<#if locale = "en_US"> 

289								<#assign dcTextModel = curDonorCompensation.compensationMessageEN/> 

290							<#elseif locale = "es_ES"> 

291								<#assign dcTextModel = curDonorCompensation.compensationMessageES/> 

292							</#if> 

293						</#if> 

294					</#if> 

295					 

296					 

297					<#if dcTextModel != ""> 

298                        <div class="d3-description"> 

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

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

301								<#if donorCompensationImage??> 

302									<img 

303										alt="Donor Compensation Icon" 

304										src="${donorCompensationImage}" 

305									/> 

306								</#if> 

307								<div> 

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

309									<p class="text-caption">*<@liferay.language key='com.grifols.d3.compensation-amounts-subject-change' /></p> 

310								</div> 

311							</div> 

312                        </div> 

313					</#if> 

314					 

315					<#if referFriendTitle??> 

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

317							<#if referAFriendImage??> 

318								<img 

319									alt="Refer a Friend Icon" 

320									src="${referAFriendImage}" 

321								/> 

322							</#if> 

323							<div> 

324								<p class="text-bold">${referFriendTitle}</p> 

325								<p class="text-caption">*<@liferay.language key='com.grifols.d3.compensation-amounts-subject-change' /></p> 

326							</div> 

327                        </div> 

328					</#if> 

329                </#if> 

330                 

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

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

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

334                    <#else> 

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

336                    </#if> 

337                         

338                    <#if centerOperationHours != "" > 

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

340                        <div class="d3-description"> 

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

342                            ${centerOperationHours} 

343                        </div> 

344                    </#if> 

345                </#if> 

346            </div> 

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

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

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

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

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

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

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

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

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

356                > 

357                     

358                    <div class="d3-description"> 

359                        <#if centerAmmenitiesTitle??> 

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

361                        </#if> 

362                         

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

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

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

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

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

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

369 

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

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

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

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

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

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

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

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

378                                        > 

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

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

381                                         

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

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

384                                                    <div class="circle"> 

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

386                                                    </div> 

387                                                </#if> 

388                                                 

389                                                <#if cur_ammenity_id_name = 'donorhub'> 

390                                                    <img 

391                                                            alt="${cur_ammenity_id_name}" 

392                                                            src="${portalURL}/documents/1088990/1092005/donorhub-avatar.png/c2cbf871-138e-495c-bda4-24ba8852036a?t=1719494894109" 

393                                                      /> 

394													 

395                                                     

396                                                    <#assign donorhubURL =  "https://new.grifolsplasmadonorhub.com" /> 

397                                                    <a   

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

399                                                    > 

400                                                        ${cur_ammenity_name} 

401                                                    </a> 

402                                                <#else> 

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

404                                                </#if> 

405                                                 

406                                            </div> 

407                                        </#if> 

408                                    </#if> 

409                                </#if> 

410                            </#list> 

411 

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

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

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

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

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

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

418                            > 

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

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

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

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

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

424 

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

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

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

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

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

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

431                                            > 

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

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

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

435                                             

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

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

438                                                        <img 

439                                                            alt="${cur_specialty_program_name}" 

440                                                            src="${cur_specialty_program_icon}" 

441                                                        /> 

442                                                    </#if> 

443													 

444													<#assign cur_specialty_url = "/en/experienced-donor/specialty-plasma-programs"> 

445													 

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

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

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

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

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

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

452													</#if> 

453													 

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

455                                                </div> 

456                                            </#if> 

457                                        </#if> 

458                                    </#if> 

459                                </#list> 

460                            </#if> 

461                        </div> 

462                    </div> 

463                </#if> 

464                 

465                <#if donationRequirementsList??> 

466                    <div class="d3-description"> 

467                        <#if donationRequirementsTitle??> 

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

469                        </#if> 

470 

471                        <p> 

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

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

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

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

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

477                                    </#if> 

478                                </#if> 

479                            </#list> 

480                        </p> 

481                    </div> 

482                </#if> 

483            </div> 

484        </div> 

485    </div> 

486 

487    <#if stepsToDonateList??> 

488        <div style="text-align: center"> 

489            <div class="d3-info-card row-4"> 

490                <div class="container"> 

491                    <#if stepsToDonateTitle??> 

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

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

494                        </div> 

495                    </#if> 

496                     

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

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

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

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

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

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

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

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

505                                            <div class="card-content"> 

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

507													<img 

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

509                                                    /> 

510												</#if> 

511												 

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

513													<strong class="text-lg"> 

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

515													</strong> 

516												</#if> 

517                                            </div> 

518                                        </div> 

519                                    </div>  

520                                </#if> 

521                            </#if> 

522                        </#list> 

523                    </div> 

524                </div> 

525            </div> 

526        </div> 

527    </#if> 

528 

529 

530    <#if centerInformationDescription??> 

531        <div class="d3-component"> 

532            <div class="container"> 

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

534                    <#if centerInformationTitle??> 

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

536                    </#if> 

537                    <div>${centerInformationDescription 

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

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

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

541                </div> 

542            </div> 

543        </div> 

544    </#if> 

545</div> 

546 

547<style> 

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

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

550    } 

551 

552    .d3-description .hours { 

553        display: flex; 

554    } 

555 

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

557        width: 50%; 

558    } 

559 

560    .center-ammenities-container { 

561        display: flex; 

562        flex-wrap: wrap; 

563    } 

564 

565    .specialty-programs-icons { 

566        display: flex; 

567        flex-direction: row; 

568        align-items: center; 

569        gap: 16px; 

570        padding-bottom: 16px; 

571        width: 100%; 

572    } 

573 

574    .donor-compensation-icons img { 

575        height: 40px; 

576    } 

577	 

578	.donor-compensation-icons { 

579        display: flex; 

580        flex-direction: row; 

581        align-items: center; 

582        gap: 16px; 

583        padding-bottom: 16px; 

584        width: 100%; 

585    } 

586 

587    .specialty-programs-icons img { 

588        height: 32px; 

589    } 

590 

591    .specialty-programs-icons .circle { 

592        display: flex; 

593        align-items: center; 

594        background-color: #d4e4f4; 

595        color: #002969; 

596        border-radius: 100%; 

597        justify-content: center; 

598        width: 32px; 

599        height: 32px; 

600    } 

601 

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

603        font-size: 16px; 

604    } 

605 

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

607    { 

608    .specialty-programs-icons { 

609        width: 50%; 

610    } 

611	 

612 

613</style> 

614 

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

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

617     

618    { 

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

620        "@type": "LocalBusiness", 

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

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

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

624        "address": { 

625            "@type": "PostalAddress", 

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

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

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

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

630            "addressCountry": "US" 

631        }, 

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

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

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

635 

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

637            && y_coordinate.getData()?has_content> 

638            "geo": { 

639                "@type": "GeoCoordinates", 

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

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

642            }, 

643        </#if> 

644		<#if hoursMicrodata != ""> 

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

646		</#if> 

647    } 

648</script>