#if ($displayRichLinks && ($macro.previewContext && !$themePress || !$macro.previewContext && !$themePress.isThemePress($space.key)))
	<p><strong><em>$searchCore.text("com.brikit.targetedsearch.rich.links.require.theme.press")</em></strong></p>
#else
	#requireResource("com.atlassian.auiplugin:aui-select2")
	#requireResource("com.atlassian.auiplugin:aui-spinner")

	#set ($uniqueId = $searchCore.localSafeId())

	<div id="interactive-search-${uniqueId}" class="interactive-search" data-unique-id="$uniqueId">

        #set ($live-search = true)
		#parse("$searchCore.parseFileLocation('targeted-search')/html/includes/search-form.html")

		<form class="aui search-filter-options">

			<div class="filter-by-options">

				## Draw a picker for the simple filter list, if provided
				#if ($simple-filter-list.size() > 0)
					#set ($hideSelectedFilters = true) ## Used by selected-filters.html
					<div class="simple-filter-list filter-group-select">
						#if ($searchCore.phone)
							<select class="select" name="searchFilters">
								<option data-label="">$searchCore.text("com.brikit.targetedsearch.search.all.name")</option>
								#foreach ($filter in $simple-filter-list)
									<option data-label="$filter.label">$filter.displayName</option>
								#end
							</select>
						#else
							<div class="radio">
								<input id="searchRadioDefault" class="radio" type="radio" name="searchFilters" data-label="" checked="checked" />
								<label for="searchRadioDefault">$searchCore.text("com.brikit.targetedsearch.search.all.name")</label>
							</div>
							#foreach ($filter in $simple-filter-list)
								<div class="radio">
									<input id="searchRadio-$filter.label" class="radio" type="radio" name="searchFilters" data-label="$filter.label" />
									<label for="searchRadio-$filter.label">$filter.displayName</label>
								</div>
							#end
						#end
					</div>
				#end
	
                #parse("$searchCore.parseFileLocation('targeted-search')/html/includes/filter-group-pickers.html")
	
				## Draw a picker for space categories, if configured to show
				#if ($show-space-categories && !$searchCore.spaceCategories.empty)
					<div class="search-select space-category-select">
						#set ($dropdownId = "filter-by-space-category-${uniqueId}")
						<a href="#$dropdownId" aria-owns="$dropdownId" aria-haspopup="true" class="aui-button aui-style-default aui-dropdown2-trigger">$searchCore.text("com.brikit.targetedsearch.space.category.name")</a>
						<div id="$dropdownId" class="aui-style-default aui-dropdown2 space-category-options">
						    <ul class="aui-list-truncate">
								#foreach ($label in $searchCore.spaceCategories)
									<li><a href="#" data-label="$stringUtils.capitalize($label)">$stringUtils.capitalize($label)</a></li>
								#end
						    </ul>
						</div>
					</div>
				#end

				## Draw a picker for the supported content types (page, blogpost, attachment), if configured to show
				#if ($show-content-types)
					<div class="search-select content-type-select">
						#set ($dropdownId = "filter-by-content-type-${uniqueId}")
						<a href="#$dropdownId" aria-owns="$dropdownId" aria-haspopup="true" class="aui-button aui-style-default aui-dropdown2-trigger">$searchCore.text("com.brikit.targetedsearch.content.type.name")</a>
						<div id="$dropdownId" class="aui-style-default aui-dropdown2 content-type-options">
						    <ul class="aui-list-truncate">
								<li><a href="#" data-label="page">$searchCore.text("com.brikit.targetedsearch.content.page.name")</a></li>
								<li><a href="#" data-label="blogpost">$searchCore.text("com.brikit.targetedsearch.content.blogpost.name")</a></li>
								<li><a href="#" data-label="attachment">$searchCore.text("com.brikit.targetedsearch.content.attachment.name")</a></li>
						    </ul>
						</div>
					</div>
				#end

				## Draw a single-select field for the last modified date ranges, if configured to show
				#if ($show-last-modified)
					<div class="search-select date-range-select" >
						#set ($dropdownId = "filter-by-date-range-${uniqueId}")
						<a href="#$dropdownId" aria-owns="$dropdownId" aria-haspopup="true" class="aui-button aui-style-default aui-dropdown2-trigger">$searchCore.text("com.brikit.targetedsearch.last.modified.name")</a>
						<div id="$dropdownId" class="aui-style-default aui-dropdown2 date-range-options">
						    <ul class="aui-list-truncate">
								<li><a href="#" data-label="LASTDAY">$searchCore.text("com.brikit.targetedsearch.last.modified.lastday.name")</a></li>
								<li><a href="#" data-label="LASTTWODAYS">$searchCore.text("com.brikit.targetedsearch.last.modified.lasttwodays.name")</a></li>
								<li><a href="#" data-label="LASTWEEK">$searchCore.text("com.brikit.targetedsearch.last.modified.lastweek.name")</a></li>
								<li><a href="#" data-label="LASTMONTH">$searchCore.text("com.brikit.targetedsearch.last.modified.lastmonth.name")</a></li>
								<li><a href="#" data-label="LASTSIXMONTHS">$searchCore.text("com.brikit.targetedsearch.last.modified.lastsixmonths.name")</a></li>
								<li><a href="#" data-label="LASTYEAR">$searchCore.text("com.brikit.targetedsearch.last.modified.lastyear.name")</a></li>
								<li><a href="#" data-label="LASTTWOYEARS">$searchCore.text("com.brikit.targetedsearch.last.modified.lasttwoyears.name")</a></li>
						    </ul>
						</div>
					</div>
				#end
			
			</div>
				
			<div class="sort-by-options">
				## Draw a single-select field for the sort options, if configured to show
				#if ($show-sort-options)
					<p class="sort-by-heading">$searchCore.text("com.brikit.targetedsearch.sort.by")</p>
				#end
				<div class="search-select content-type-select" #if (!$show-sort-options) style="display:none;" #end>
					<select class="select sort-by-select" data-minimum-results-for-search="Infinity">
						<option value="">$searchCore.text("com.brikit.targetedsearch.sort.by.relevance")</option>
						<option value="order by title" #if ($sort-option == "Title") selected="selected" #end>$searchCore.text("com.brikit.targetedsearch.sort.by.title")</option>
						<option value="order by created desc" #if ($sort-option == "Recently Created") selected="selected" #end>$searchCore.text("com.brikit.targetedsearch.sort.by.creation")</option>
						<option value="order by lastModified desc" #if ($sort-option == "Recently Modified") selected="selected" #end>$searchCore.text("com.brikit.targetedsearch.sort.by.modified")</option>
					</select>
				</div>
			</div>

		</form>

		#parse("$searchCore.parseFileLocation('targeted-search')/html/includes/selected-filters.html")
		
		#if ($showSearchStatistics)
			<div class="results-statistics"></div>
		#end
		
		<div class="interactive-search-results #if ($hideRichLinksSiteIcon) hide-site-icon #end #if ($hideRichLinksSiteName) hide-site-name #end">
			#parse("$searchCore.parseFileLocation('targeted-search')/html/includes/search-results-list-container.html")
		</div>
	</div>

#end