1<#-- 

2Add elements from the sidebar to define your template. Type "${" to use the 

3autocomplete feature. 

4--> 

5 

6 

7<#assign externalRefCode = .vars["reserved-article-external-reference-code"].data> 

8<#assign url = "/headless-delivery/v1.0/sites/${groupId}/structured-contents/by-external-reference-code/${externalRefCode}?fields=taxonomyCategoryBriefs.taxonomyCategoryName,taxonomyCategoryBriefs.taxonomyCategoryId"> 

9<#assign taxonomyCategoryBriefs = restClient.get(url)> 

10<#assign locationId = "" /> 

11 

12<#if taxonomyCategoryBriefs??> 

13	<#list taxonomyCategoryBriefs as key, categories> 

14		<#list categories as category> 

15			<#if category.taxonomyCategoryName??> 

16				<#assign parentTaxonomyVocabularyRes = restClient.get("/headless-admin-taxonomy/v1.0/taxonomy-categories/${category.taxonomyCategoryId}") /> 

17				<#if parentTaxonomyVocabularyRes?? && parentTaxonomyVocabularyRes.parentTaxonomyVocabulary?? && parentTaxonomyVocabularyRes.parentTaxonomyVocabulary.name = 'Location'> 

18					<#assign locationId = category.taxonomyCategoryId /> 

19				</#if> 

20			</#if> 

21		</#list> 

22	</#list> 

23</#if> 

24 

25 

26<#assign url = "/headless-delivery/v1.0/content-structures/140059/structured-contents?p_auth=pfiqVlXB"> 

27<#assign specialsListing = restClient.get(url)> 

28 

29<#if specialsListing??> 

30	<#assign categoriesArray = [] /> 

31	<#list specialsListing.items as item> 

32		<#assign isSameLocation = false /> 

33		<#list item.taxonomyCategoryBriefs as category> 

34			<#if category.taxonomyCategoryId = locationId> 

35				<#assign isSameLocation = true /> 

36			</#if> 

37		</#list> 

38		<#if isSameLocation> 

39			<#assign categoryName = '' /> 

40			<#list item.contentFields as contentField> 

41				<#if contentField.name = 'serviceCategory'><#assign categoryName = contentField.contentFieldValue.data /></#if> 

42				<#if categoriesArray?seq_contains(categoryName) = false> 

43					<#assign categoriesArray = categoriesArray + [categoryName] /> 

44				</#if>		 

45			</#list> 

46		 

47			<#assign locationSpecials = locationSpecials + item /> 

48		</#if> 

49	</#list>	 

50 

51 

52<div class="nav-tabs"> 

53	<div class="row"> 

54    <div class="col-md-3"> 

55        <div class="tab-panel-nav" role="tablist"> 

56            <ul class="nav flex-column nav-pills"> 

57							<#assign index = 0 /> 

58							<#list categoriesArray as specialCategory> 

59								<#assign index++ /> 

60								<#if index = 1> 

61									<script> 

62										window.addEventListener('DOMContentLoaded',function () { 

63											document.getElementById('special-at-location').classList.remove('d-none'); 

64										}); 

65									</script> 

66								</#if> 

67								<#if index != 1 > 

68								<li class="nav-item"> 

69									<button  

70										class="nav-link <#if index = 2>active</#if>" 

71										data-bs-toggle="tab" type="button" role="tab" 

72										id="services-tab-nav-${index}" data-bs-target="#services-tab-panel-${index}" 

73										aria-controls="services-tab-panel-${index}" 

74										aria-selected="<#if index = 2>true<#else>false</#if>" 

75										> 

76										${specialCategory} 

77									</button> 

78								</li> 

79								</#if> 

80							</#list> 

81						</ul> 

82        </div> 

83    </div> 

84    <div class="col-md-9"> 

85        <div class="tab-panel-content"> 

86					<#assign index = 0 /> 

87					<#list categoriesArray as specialCategory> 

88						<#assign index++ /> 

89						<div class="tab-pane fade <#if index = 2>show active</#if>" id="services-tab-panel-${index}" role="tabpanel" aria-labelledby="services-tab-nav-${index}" tabindex="0"> 

90							<div class="row"> 

91								<#list specialsListing.items as cur_locationSpecials> 

92 

93 

94		<#assign  

95		categoryName = '' 

96		description = '' 

97		shortDescription = '' 

98		serviceImage = '' 

99		/> 

100		<#list cur_locationSpecials.contentFields as contentField> 

101			<#if contentField.name = 'serviceCategory'><#assign categoryName = contentField.contentFieldValue.data /></#if>		 

102			<#if contentField.name = 'description'><#assign description = contentField.contentFieldValue.data /></#if>		 

103			<#if contentField.name = 'shortDescription'><#assign shortDescription = contentField.contentFieldValue.data /></#if>		 

104			<#if contentField.name = 'name'><#assign serviceName = contentField.contentFieldValue.data /></#if> 

105			<#if contentField.name = 'image'><#assign serviceImage = contentField.contentFieldValue.image.contentUrl /></#if> 

106		</#list> 

107									<#if categoryName = specialCategory> 

108									<div class="col-md-4"> 

109										<div class="service-card color-variant-transparent no-padding-variant    click-here-box"> 

110											<div class="service-card-img"> 

111												<#if serviceImage?? && serviceImage != ""> 

112													<img class="img-fluid" alt="name" src="${serviceImage}" /> 

113												</#if> 

114											</div> 

115											<div class="service-card-body"> 

116												<div> 

117													<h3 class="service-card-title"><#if (serviceName)??>${serviceName}</#if></h3> 

118													<div class="location-card-detail"> 

119														<#if (description)??>${description}</#if> 

120													</div> 

121													<!-- 

122													<div class="service-card-link"> 

123														<a href="#">View Details</a> 

124													</div> 

125													--> 

126												</div> 

127											</div> 

128										</div> 

129									</div> 

130									</#if> 

131								</#list> 

132							</div> 

133            </div> 

134					</#list> 

135        </div> 

136    </div> 

137  </div> 

138</div> 

139</#if>