<div class="search-filters-panel">
    <div class="search-filter-container first">
        <div class="search-filter-heading">
        $action.getText('search.site.filters.title.where')
        </div>

        #bodytag ("Component" "id=search-filter-by-space" "theme='custom'" "name='where'" "template='space-select.vm'")
            #param ("value" $where)
            #param ("multiple" false)
            #param ("tabindex" 222)
        #end
    </div>

    <div class="search-filter-container">
        <div class="search-filter-heading">
            $action.getText('search.site.filters.title.what')
        </div>

        #tag ("Select" "id=search-filter-by-type" "name='type'" "list=types" "listKey=key" "listValue=value" "theme='simple'" "tabindex=223")
    </div>

    <div class="search-filter-container">
        <div class="search-filter-heading">
        $action.getText('search.site.filters.title.when')
        </div>

        #tag ("Select" "id=search-filter-by-lastmodified" "name='lastModified'" "list=dateRanges" "listKey=key" "listValue=value" "theme='simple'" "tabindex=224")
    </div>

    <div class="search-filter-container">
        <div class="search-filter-heading">
        $action.getText('search.site.filters.title.who')
        </div>
        #fielderror("contributor")
        #bodytag ("TextField" "id=search-filter-by-contributor-autocomplete" "name='contributor'" "theme='notable'" "tabindex=225")
            #param ("autocomplete" "off") ## turn off browser's default autocomplete box
        #end

        #tag ("Hidden" "id=search-filter-by-contributor-hidden" "name='contributorUsername'" "theme='simple'")
    </div>

    <span id="search-filter-reset-span" class="search-filter-reset"><a href="${formAction}${queryStringProperty}=$generalUtil.urlEncode($!queryString)">$action.getText('search.site.filters.reset')</a></span>
    #tag( "Submit" "value='filter.name'" "theme='notable'")
</div>

#if ($action.relatedLabels.size() > 0)
<div class="search-filters-panel">
	<div class="search-filter-heading">$action.getText("search.browse.related.labels")</div>
	<ul>
		#foreach($label in $action.relatedLabels)
		<li>#labelLink($label)</li>
		#end
	</ul>
</div>
#end	
