#requireResource("com.atlassian.auiplugin:aui-experimental-expander")
#parse("$searchCore.parseFileLocation('targeted-search')/html/confluence4-aui-plug.html")

#macro (drawFilterGroups $filterGroups)

	#if (!$filterGroups.isEmpty())
		#foreach ($filterGroup in $filterGroups)
			#set ($filters = $filterGroup.sortedFilters)
			#if (!$filters.isEmpty())
				<div class="filter-group">
					<h3 class="filter-group-title">$filterGroup.displayName</h3>
					<fieldset class="group">
						#set ($catLabel = $filterGroup.label)
						#if ($filters.size() > 10)
							<div id="reveal-text-content-$filterGroup.key" class="aui-expander-content ts-expander-label-picker">
						#end
							<ul class="filter-label-selectors aui-buttons">
								#foreach ($filter in $filters)
									<li class="filter-label" data-filter="$filter.label">
										<a href="$filter.displayName" class="aui-button aui-button-link filter-label-name">$filter.displayName</a>
									</li>
								#end
							</ul>
							#if ($filters.size() > 10)
									<a id="reveal-text-trigger-$filterGroup.key" data-replace-text="$searchCore.text('com.brikit.targetedsearch.label.picker.show.less')"
									   data-replace-selector=".reveal-text-trigger-text" class="aui-expander-trigger aui-expander-reveal-text aui-button aui-button-subtle ts-label-picker-expander"
									   aria-controls="reveal-text-content-$filterGroup.key">
										<span class="reveal-text-trigger-text">$searchCore.text('com.brikit.targetedsearch.label.picker.show.more')</span>
									</a>
								</div>
							#end
					</fieldset>
				</div>
			#end
		#end
	#end

#end

#macro (drawFolksonomy $folksonomy)

	<div class="filter-group folksonomy">
		<h3 class="filter-group-title">$searchCore.text("com.brikit.targetedsearch.settings.dialog.folksonomy.heading")</h3>
		<fieldset class="group">
			#if ($folksonomy.size() > 10)
				<div id="reveal-text-folksonomy-labels" class="aui-expander-content ts-expander-label-picker">
			#end
				<ul class="filter-label-selectors aui-buttons">
					#foreach ($label in $folksonomy)
						<li class="filter-label folksonomy-label" data-filter="$label">
							<a href="$label" class="aui-button aui-button-link filter-label-name">$label</a>
						</li>
					#end
				</ul>
				#if ($filters.size() > 10)
						<a id="reveal-text-trigger-$filterGroup.key" data-replace-text="$searchCore.text('com.brikit.targetedsearch.label.picker.show.less')"
						   data-replace-selector=".reveal-text-trigger-text" class="aui-expander-trigger aui-expander-reveal-text aui-button aui-button-subtle ts-label-picker-expander"
						   aria-controls="reveal-text-folksonomy-labels">
							<span class="reveal-text-trigger-text">$searchCore.text('com.brikit.targetedsearch.label.picker.show.more')</span>
						</a>
					</div>
				#end
		</fieldset>
	</div>

#end


## ---------------------------------
## 	TODO:  SEARCH-137 (filter labels permissions & vis)
## ---------------------------------
## <script type="text/javascript">
## 	TargetedSearch.canEdit = $searchCore.canEdit($page);
## </script>

## ---------------------------------
## 	TODO:  SEARCH-137 (filter labels permissions & vis)
## ---------------------------------
##   #set($shouldShow = $action.userCanEdit($fsLabelsUser))
##   #if($shouldShow)

	<div id="targeted-search-filter-container" data-copy-id="filter-labels-container" style="display:none;">
		<div data-copy-id="filter-label-editor-error"></div>
		#if ($searchCore.licensed)
			##drawFolksonomy($folksonomy)
			#drawFilterGroups($availableFilterGroups)
		#else
		    #parse("$searchCore.parseFileLocation('targeted-search')/html/includes/not-licensed.html")
		#end
	</div>
##   #end