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 

98                <#if referAFriendContent.getString("title")?has_content > 

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

100                </#if> 

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

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

103                </#if> 

104            </#if> 

105			 

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

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

108 

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

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

111                </#if> 

112            </#if> 

113			 

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

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

116            </#if> 

117        </#if> 

118    </#if> 

119</#if> 

120 

121 

122<#assign centerName = ""/> 

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

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

125</#if> 

126 

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

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

129</#if> 

130 

131<#assign centerLogo = ""/> 

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

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

134</#if> 

135 

136<#assign centerState = ""/> 

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

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

139</#if> 

140 

141<#assign centerAddress = ""/> 

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

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

144</#if> 

145 

146<#assign centerCity = ""/> 

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

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

149</#if> 

150 

151<#assign centerZipCode = ""/> 

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

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

154</#if> 

155 

156<#assign centerPhone = ""/> 

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

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

159</#if> 

160 

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

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

163</#if> 

164 

165<#-- 

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

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

168</#if> 

169--> 

170 

171<#assign centerAddress = ""/> 

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

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

174</#if> 

175 

176 

177<#assign centerDMS = ""/> 

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

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

180</#if> 

181 

182<#assign hoursMicrodata = "" /> 

183 

184<#assign locale_prefix = "" /> 

185<#if locale = "en_US"> 

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

187<#else> 

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

189</#if> 

190 

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

192 

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

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

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

196            <div class="container"> 

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

198                    <#if centerLogo != ""> 

199                        <img 

200                            alt="Grifols Center Logo" 

201                            src="${centerLogo}" 

202                        /> 

203                    </#if> 

204                     

205                    <#assign centerNameState = ""/> 

206                    <#if centerName != ""> 

207                        <#assign centerNameState = centerName/> 

208                         

209                        <#if centerState != ""> 

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

211                        </#if> 

212                    </#if> 

213                     

214                    <#if centerNameState != ""> 

215                        <h1> 

216                            ${centerNameState} 

217                        </h1> 

218                    </#if> 

219                     

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

221                        <p> 

222                            <#if centerAddress != ""> 

223                                ${centerAddress} <br /> 

224 

225                                <#if centerCity != ""> 

226                                    ${centerCity} 

227                                </#if> 

228 

229                                <#if centerState != ""> 

230                                    ${centerState} 

231                                </#if> 

232 

233                                <#if centerZipCode != ""> 

234                                    ${centerZipCode} 

235                                </#if> 

236                            </#if> 

237 

238                            <#if centerPhone != ""> 

239                                <br />${centerPhone} 

240                            </#if> 

241                        </p> 

242                    </#if> 

243 

244                    <div class="button-row"> 

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

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

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

248                            </#if> 

249                             

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

251                                <a 

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

253                                    href="${appointmentURL}" 

254                                    target="_blank" 

255                                > 

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

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

258                                </a> 

259                            </#if> 

260                        </#if> 

261                         

262                        <#assign googleMapsURL = ""/> 

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

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

265                        <#else> 

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

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

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

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

270                            </#if> 

271                        </#if> 

272 

273                        <#if googleMapsURL != ""> 

274                            <a 

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

276                                href="${googleMapsURL}" 

277                                target="_blank" 

278                            > 

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

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

281                            </a> 

282                        </#if> 

283                    </div> 

284                </div> 

285            </div> 

286        </div> 

287 

288 

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

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

291    </div> 

292 

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

294        <div class="row"> 

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

296               <#if showCompensationSection > 

297				   <#if centerDMS != ""> 

298						<#assign dcTextModel = ""/> 

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

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

301							 

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

303								<#if locale = "en_US"> 

304									<#assign dcTextModel = curDonorCompensation.compensationMessageEN/> 

305									<#assign referAFriendText = "Refer A Friend Bonus $" + curDonorCompensation.referAmount + "*"/> 

306								<#elseif locale = "es_ES"> 

307									<#assign dcTextModel = curDonorCompensation.compensationMessageES/> 

308									<#assign referAFriendText = "Recomienda a un amigo y gana $" + curDonorCompensation.referAmount + "*"/> 

309								</#if> 

310							</#if> 

311						</#if> 

312						 

313						 

314						<#if dcTextModel != ""> 

315							<div class="d3-description"> 

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

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

318									<#if donorCompensationImage??> 

319										<img 

320											alt="Donor Compensation Icon" 

321											src="${donorCompensationImage}" 

322										/> 

323									</#if> 

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

325								</div> 

326							</div> 

327						</#if> 

328						 

329						<#if referFriendTitle?? && referAFriendText??> 

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

331								<#if referAFriendImage??> 

332									<img 

333										alt="Refer a Friend Icon" 

334										src="${referAFriendImage}" 

335									/> 

336								</#if> 

337								 

338								 

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

340								<a href="${refer_friend_url}">${referAFriendText}</a> 

341							</div> 

342						</#if> 

343					</#if> 

344				</#if> 

345                 

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

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

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

349                    <#else> 

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

351                    </#if> 

352                         

353                    <#if centerOperationHours != "" > 

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

355                        <div class="d3-description"> 

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

357                            ${centerOperationHours} 

358                        </div> 

359                    </#if> 

360                </#if> 

361            </div> 

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

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

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

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

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

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

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

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

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

371                > 

372                     

373                    <div class="d3-description"> 

374                        <#if centerAmmenitiesTitle??> 

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

376                        </#if> 

377                         

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

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

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

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

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

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

384 

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

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

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

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

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

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

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

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

393                                        > 

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

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

396                                         

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

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

399                                                    <div class="circle"> 

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

401                                                    </div> 

402                                                </#if> 

403                                                 

404                                                <#if cur_ammenity_id_name = 'donorhub'> 

405                                                    <img 

406                                                            alt="${cur_ammenity_id_name}" 

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

408                                                      /> 

409													 

410                                                     

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

412                                                    <a   

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

414                                                    > 

415                                                        ${cur_ammenity_name} 

416                                                    </a> 

417                                                <#else> 

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

419                                                </#if> 

420                                                 

421                                            </div> 

422                                        </#if> 

423                                    </#if> 

424                                </#if> 

425                            </#list> 

426 

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

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

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

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

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

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

433                            > 

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

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

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

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

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

439 

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

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

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

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

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

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

446                                            > 

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

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

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

450                                             

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

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

453                                                        <img 

454                                                            alt="${cur_specialty_program_name}" 

455                                                            src="${cur_specialty_program_icon}" 

456                                                        /> 

457                                                    </#if> 

458													 

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

460													 

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

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

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

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

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

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

467													</#if> 

468													 

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

470                                                </div> 

471                                            </#if> 

472                                        </#if> 

473                                    </#if> 

474                                </#list> 

475                            </#if> 

476                        </div> 

477                    </div> 

478                </#if> 

479                 

480                <#if donationRequirementsList??> 

481                    <div class="d3-description"> 

482                        <#if donationRequirementsTitle??> 

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

484                        </#if> 

485 

486                        <p> 

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

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

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

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

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

492                                    </#if> 

493                                </#if> 

494                            </#list> 

495                        </p> 

496                    </div> 

497                </#if> 

498            </div> 

499        </div> 

500    </div> 

501 

502    <#if stepsToDonateList??> 

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

504			<div class="container"> 

505				<#if stepsToDonateTitle??> 

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

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

508					</div> 

509				</#if> 

510				 

511				<div class="d3-content-grid" style="justify-content: center; text-align: center;"> 

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

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

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

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

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

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

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

519										<div class="card-content"> 

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

521												<img 

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

523												/> 

524											</#if> 

525											 

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

527												<strong class="text-lg"> 

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

529												</strong> 

530											</#if> 

531										</div> 

532									</div> 

533								</div>  

534							</#if> 

535						</#if> 

536					</#list> 

537				</div> 

538			</div> 

539		</div> 

540    </#if> 

541 

542 

543    <#if centerInformationDescription??> 

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

545            <div class="container"> 

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

547                    <#if centerInformationTitle??> 

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

549                    </#if> 

550                    <div>${centerInformationDescription 

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

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

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

554                </div> 

555            </div> 

556        </div> 

557    </#if> 

558	 

559	<#if showCompensationSection > 

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

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

562				<div class="container"> 

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

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

565							${legalDisclaimer} 

566						</div> 

567					</div> 

568				</div> 

569			</div> 

570		</#if> 

571	</#if> 

572</div> 

573 

574<style> 

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

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

577    } 

578 

579    .d3-description .hours { 

580        display: flex; 

581    } 

582 

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

584        width: 50%; 

585    } 

586 

587    .center-ammenities-container { 

588        display: flex; 

589        flex-wrap: wrap; 

590    } 

591 

592    .specialty-programs-icons { 

593        display: flex; 

594        flex-direction: row; 

595        align-items: center; 

596        gap: 16px; 

597        padding-bottom: 16px; 

598        width: 100%; 

599    } 

600 

601    .donor-compensation-icons img { 

602        height: 40px; 

603    } 

604	 

605	.donor-compensation-icons { 

606        display: flex; 

607        flex-direction: row; 

608        align-items: center; 

609        gap: 16px; 

610        padding-bottom: 16px; 

611        width: 100%; 

612    } 

613 

614    .specialty-programs-icons img { 

615        height: 32px; 

616    } 

617 

618    .specialty-programs-icons .circle { 

619        display: flex; 

620        align-items: center; 

621        background-color: #d4e4f4; 

622        color: #002969; 

623        border-radius: 100%; 

624        justify-content: center; 

625        width: 32px; 

626        height: 32px; 

627    } 

628 

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

630        font-size: 16px; 

631    } 

632 

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

634    { 

635    .specialty-programs-icons { 

636        width: 50%; 

637    } 

638	 

639 

640</style> 

641 

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

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

644     

645    { 

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

647        "@type": "LocalBusiness", 

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

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

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

651        "address": { 

652            "@type": "PostalAddress", 

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

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

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

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

657            "addressCountry": "US" 

658        }, 

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

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

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

662 

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

664            && y_coordinate.getData()?has_content> 

665            "geo": { 

666                "@type": "GeoCoordinates", 

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

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

669            }, 

670        </#if> 

671		<#if hoursMicrodata != ""> 

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

673		</#if> 

674    } 

675</script>