## The containing .brikit-search-panel is supplied by browser-side template

#set ($panelUniqueId = $searchCore.localSafeId())
<div class="unique-id" data-unique-id="$!panelUniqueId" style="display:none"></div>

<div class="search-panel-left">
	#set ($showSpaceCategories = true)
	#set ($startCollapsed = true)
	#parse("$searchCore.parseFileLocation('targeted-search')/html/includes/filter-panel.html")
</div>

<div class="search-panel-right">

	<div class="aui query-panel">

		#set ($show-query-string = true)
		#set ($live-search = true)
		#set ($show-submit-button = true)
		#set ($show-clear-all-link = true)
		#set ($query-string-placeholder-text = $searchCore.text('com.brikit.targetedsearch.search.panel.search.placeholder.text'))
		#parse("$searchCore.parseFileLocation('targeted-search')/html/includes/search-form.html")
		<div class="error"></div>

		<div class="search-filters-display">
			#parse("$searchCore.parseFileLocation('targeted-search')/html/includes/selected-filters.html")
			<div class="search-filter-options-wrapper">
				<div class="search-filter-options aui-buttons">
					<button class="aui-button aui-button-compact" aria-pressed="true" title="$defaultFiltersTooltip">
						$searchCore.text("com.brikit.targetedsearch.search.panel.default")
					</button>
					<button class="aui-button aui-button-compact" data-option="all" title="$allFiltersTooltip">
						$searchCore.text("com.brikit.targetedsearch.search.panel.all")
					</button>
					<button class="aui-button aui-button-compact" data-option="any" title="$anyFiltersTooltip">
						$searchCore.text("com.brikit.targetedsearch.search.panel.any")
					</button>
				</div>
				#if ($show-clear-all-link)
					<a class="clear-all-link aui-link" href="#">$searchCore.text("com.brikit.targetedsearch.clear.all")</a>
				#end
			</div>
		</div>
	</div>
	
	<form class="aui cql-query-panel">
    	<textarea class="textarea cql-search-input" name="cqlQueryString" rows="5"></textarea>
		<input class="button submit" type="submit" value="$searchCore.text('com.brikit.targetedsearch.search.panel.cql.search')" />
		<div class="error"></div>
	</form>

    #if ($targetedSearch.licensed)
    	<div class="results-panel">
    		<div class="search-results">
    			<p class="results-statistics"></p>

    			#set ($isUsingThemePress = $spaceKey && $themePress.isThemePress($spaceKey) || !$spaceKey && $themePress.themePressSiteTheme)
    			#set ($loadMoreOption = "scroll")
    			#set ($displayRichLinks = $isUsingThemePress && !$richLinksDisabled && !$macro.previewContext)
    			#set ($max = 10)
    			#parse("$searchCore.parseFileLocation('targeted-search')/html/includes/search-results-list-container.html")
    		</div>
    		<button class="responsive-jump-to-top aui-button"><span class="aui-icon aui-icon-small aui-iconfont-up"> Jump To Top</span></button>
		
    		<div class="search-help">
    			<h2>Search Tips</h2>
    			<ol class="search-tips">
    				#if (!$searchCore.phone)
    					<li>
    						<a class="recently-viewed-link" href="#">Search your recently viewed pages</a>
    					</li>
    				#end
    				<li>Searching with terms:
    					<ul>
    						<li><strong>"human resources"</strong> &ndash; has the exact phrase <em>human resources</em></li>
    						<li><strong>human resources</strong> &ndash; has the phrase <em>human resources</em></li>
    						<li><strong>human AND resources</strong> &ndash; has both of the terms <em>human</em> and <em>resources</em></li>
    						<li><strong>human OR resources</strong> &ndash; has at least one of the terms <em>human</em> or <em>resources</em></li>
    						<li><strong>human NOT resources</strong> &ndash; has the term <em>human</em> but not <em>resources</em></li>
    						<li><strong>title:human resources</strong> &ndash; has <em>human resources</em> in the title</li>
    						<li><strong>hum*</strong> &ndash; matches <em>human</em> and <em>hummingbird</em></li>
    						<li><strong>human~</strong> &ndash; matches words spelled similarly to <em>human</em></li>
    					</ul>
    				</li>
    				<li>Searching with labels:
    					<ul>
    						<li><strong>Default</strong> &ndash; has at least one label from each of the selected categories</li>
    						<li><strong>All</strong> &ndash; has all selected labels</li>
    						<li><strong>Any</strong> &ndash; has any selected label</li>
    					</ul>
    				</li>
    				#if ($searchCore.isSet($targetedSearch.moreHelpLink))
    					<li>
    						<a href="$targetedSearch.moreHelpLink" target="_blank">More Search Help</a>
    					</li>
    				#end
    			</ol>
    		</div>
    		<div class="cql-help">
    			<h2>Confluence Query Language Search</h2>
    			<ol class="search-tips">
    				<li>CQL lets you create advanced content searches.</li>
    				<li>Use the above form to submit a CQL query.</li>
    				<li>See <a href="https://developer.atlassian.com/server/confluence/advanced-searching-using-cql/" target="_blank">Atlassian's CQL documentation</a> for more information.</li>
    			</ol>
    		</div>
    	</div>
    #else
        #parse("$searchCore.parseFileLocation('targeted-search')/html/includes/not-licensed.html")
    #end
</div>