#set( $searcher = $hits.getSearcher())
#set( $searchtype = $searcher.getSearchType())

<div class="ui-widget uipanel" id="left-col-filters" >
<div  #if($userprofile.minimizefilterscontent == "false" && $cantogglesidebar) 
		class="ui-widget-header sidetoggle expanded" 
      #elseif($cantogglesidebar) 
      	class="ui-widget-header sidetoggle minimized" 
      #else 
      	class="ui-widget-header" 
      #end 
      data-target="filterscontent">
	<span class="widget-header-title">[[Filters]]</span>
</div>
<div  class="ui-widget-content" id="filterscontent" #if($userprofile.minimizefilterscontent == "true" && $cantogglesidebar) style="display: none;" #end>
	#if( $hits.getSearchQuery().hasFilters() )
	 <div class="filters-sidebar-selected">
	 ##<h4>Selected</h4>
	 <ul id="filters-sidebar-selected">
	 	#foreach( $selectedfilter in $hits.getSearchQuery().getFilters() )
			#set( $detail = $searcher.getDetail($selectedfilter.getId() ) )
			#if($librarycol)
				<li><a class="ajax" title="$detail.getText($context)" targetdivinner="main" 
					href="$home$apphome/views/modules/librarycollection/filter.html?collectionid=$!librarycol.getId()&removefilter=$selectedfilter.getId()&hitssessionid=$!hits.sessionId&searchtype=$searcher.searchType&oemaxlevel=3" >$selectedfilter
					 <span class="filterclose fas fa-times"></span></a>
				 </li>
			#else
		  		<li><a class="ajax" title="$detail.getText($context)" targetdivinner="main" 
				href="$home$apphome/views/search/filter.html?removefilter=$selectedfilter.getId()&hitssessionid=$!hits.sessionId&searchtype=$searcher.searchType&oemaxlevel=2" >$context.getText($selectedfilter)   
				 <span class="filterclose fas fa-times"></span></a>
				 </li>	
			#end
		#end
	</ul>
	</div>
	#end	
	
	#set($facets = $hits.getActiveFilterValues())
	
	#if( $librarycol)
		<form class="ajaxform" targetdiv="searchlayout" action="$home$apphome/views/modules/librarycollection/filter.html" target="_parent" name="dontshow" id="dontshow" valign="middle">
	    <input type="hidden" name="collectionid" value="$!librarycol.getId()" />
	    <input type="hidden" name="oemaxlevel" value="3" />
	
	#else
		<form class="ajaxform" targetdiv="searchlayout" action="$home$apphome/views/search/filter.html" target="_parent" name="dontshow" id="dontshow" valign="middle">
	    <input type="hidden" name="oemaxlevel" value="2" />
	
	#end
	
	#foreach($item in $searcher.getDetailsForView("${searchtype}/${searchtype}facets") )
		#set($type = $hits.findFilterNode($item.id))
		#if($type)
			#set( $viewpermission = $context.getPageValue("canviewfilter${type.getId()}") )
			#ifnull($viewpermission)
				#set( $viewpermission = true)
			#end
	
			#if( $viewpermission )
				#if(!$hits.isChildFacetSelected($type))
					<div  class="filters-sidebar">
					<h4>$type.getName($context.getLocale())</h4>
					
					<ul class="filters-sidebar">
					#foreach($entry in $type.children)
						#if( ${foreach.count} == 10 )
							</ul>
							<a class="toggle-visible morelink" href="#" data-targetdiv="showmore${type.getId()}" data-showlabel="[[Show More]]" data-hidelabel="[[Show Less]]"><span>[[Show More]]</span></a>
							<ul id="showmore${type.getId()}" class="filters-sidebar morefilters">
						#end
						<li>
							<a class="addfilter" data-filtertype="$type.getId()" data-filtervalue="$entry.getId()" data-filterlabel="$entry.getText($context)" href="#">
							<span> $entry.getText($context) ($entry.count)</span>
							</a>
						</li>
					#end
					</ul>
					</div>
		    	#end  ##hits
			#end  ##permission
		#end 
	#end ##foreach
	
		<input type="hidden" name="keeppreviousfilter" value="true"/>
	
	    <input type="hidden" name="catalogid" value="$!catalogid" />
	    <input type="hidden" name="searchtype" value="$searcher.searchType" />
	    <input type="hidden" id="filtertype" name="filtertype" value="" />
	    <input type="hidden" id="filtervalue" name="filtervalue" value="" />
	    <input type="hidden" id="filterlabel" name="filterlabel" value="" />
	    <input type="hidden" name="hitssessionid" value="$!hits.sessionId" /> ##TODO: reload on ajax reloads
	</form>
	

</div>
</div>
	


<script type="text/javascript">

jQuery(document).ready(function() 
{ 

	jQuery('.addfilter').bind('click',function(e)
	{	
		e.preventDefault();
		//TODO: Why not update the results with new data like VD does?
			var link = $(this);
			var picked = link.data("filtertype");
			jQuery('#filtertype').val(picked);
			var value = link.data("filtervalue");
			jQuery('#filtervalue').val(value);
			var label = link.data("filterlabel");
			jQuery('#filterlabel').val(label);

			jQuery('#dontshow').submit();
			
	});
});
</script>