#requireResource("com.atlassian.auiplugin:aui-select2")

#set ($canEditLabels = $apply-space-category && $searchCore.canAdministerSpace($space.key) || !$apply-space-category && $searchCore.canEdit($page))

<div class="label-select-field-group #if (!$canEditLabels) read-only #end #if ($apply-space-category) space-category #end">

	#foreach ($filterGroup in $filter-groups)

		#set ($filters = $filterGroup.filtersWithSubcategories)
		#set ($selected = false)
		#foreach ($filter in $filters)
			#if ($apply-space-category && $searchCore.hasCategory($space.key, $filter.label) || !$apply-space-category && $searchCore.hasLabel($page, $filter.label))
				#set ($selected = $filter)
			#end
		#end
		
		## Only display the filter group if a label in the filter group is applied to the page, or the user can edit labels
		#if ($canEditLabels || $selected)

			<div class="label-select-field" #if ($searchCore.isSet($align))style="text-align: $align; width: 100%"#end>

				<div class="brikit-expander">
					
					<h5 #if ($canEditLabels) class="brikit-expander-control" title="$searchCore.text("com.brikit.targetedsearch.toggle.label.selector")" #end>
						<span class="label-select-field-title">#if ($title-override)$title-override#else$filterGroup.displayName#end</span>#if ($canEditLabels)<span class="expander-icon aui-icon aui-icon-small aui-iconfont-collapsed"></span>#end
					</h5>
	
					<div class="brikit-expander-content" style="display:none;">

						#if ($canEditLabels)
							<form class="aui label-select-field-form" action="$req.contextPath/plugins/targetedsearch/#if($apply-space-category)spaces#{else}pages#end/selectlabel.action">
								<select class="select" name="labels" #if ($allow-multiple)multiple=""#end>
									#if (!$allow-multiple)
										<option value="">&nbsp;</option>
									#end
									#foreach ($filter in $filters)
										#set ($isSelected = $apply-space-category && $searchCore.hasCategory($space.key, $filter.label) || !$apply-space-category && $searchCore.hasLabel($page, $filter.label))
										#set ($displayPlug = $allow-multiple && $isSelected)
										#if($displayPlug)
											<option disabled="disabled">#if($filter.depth > 0)#foreach($depth in [1 .. $filter.depth])&nbsp;&nbsp;#end#end $filter.displayName</option>
										#end
										<option value="$filter.label" #if ($isSelected) selected="selected" #end>#if($filter.depth > 0)#foreach($depth in [1 .. $filter.depth])&nbsp;&nbsp;&nbsp;#end#end$filter.displayName</option>
									#end
								</select>
								<div class="buttons">
									<input class="button submit" type="submit" value="Save">
									<a class="cancel" href="#">Cancel</a>
								</div>
								<input type="hidden" name="pageId" 		    value="$page.id" />
								<input type="hidden" name="filterGroupName" value="$filterGroup.displayName" />
							</form>
						#elseif (!$selected)
							<span class="label-select-lozenge aui-lozenge aui-lozenge-subtle no-label">$searchCore.text("com.brikit.targetedsearch.no.labels.selected")</span>
						#end

					</div>
	
				</div>

				#if ($selected)
					#set ($skipLink = $apply-space-category || $disable-search-link)
					<div class="applied-labels">
						#foreach ($filter in $filters)
							#if ($apply-space-category && $searchCore.hasCategory($space.key, $filter.label) || !$apply-space-category && $searchCore.hasLabel($page, $filter.label))
								#if (!$skipLink)<a href="$req.contextPath/targetedsearch/targetedsearch.action?hostSpaceKey=$space.key&showSpaceCategories=true&searchFilters=$filter.label" title="$searchCore.text("com.brikit.targetedsearch.search.by.label")">#end<span class="label-select-lozenge aui-lozenge aui-lozenge-subtle" data-label="$filter.label">$filter.displayName</span>#if (!$skipLink)</a>#end
							#end
						#end
					</div>

				#end

			</div>
		
		#end

	#end

</div>