#set( $module = $content.module)
#if ($editfilters)
	#set( $edit = true )
#elseif( !$editfilters)
	#set( $edit = $context.getRequestParameter("editfilters"))
#end
#if( $edit)
	$context.putPageValue("edit",$edit)
#end

#if( !$librarycol )
	#set($collectionid = $context.getRequestParameter("collectionid"))
	#if($module=="librarycollection" && $collectionid)
		#set( $librarycol = $mediaarchive.query("librarycollection").exact("id",$collectionid).searchOne() )
	#end
#end

#if( $librarycol )	
	$context.putPageValue("librarycol",$librarycol)
	$context.putPageValue("collectionid", $librarycol.getId())
#end

<div id="advfilterpanel" class="advfilterpanel" >
#if( !$edit )
	<div class="filters-edit-icon">
		<a class="ajax" 
			data-targetdiv="advfilterpanel" 
			href="$apphome/components/filters/index.html?editfilters=true&oemaxlevel=1&collectionid=$!collectionid"
			title="[[Edit Filters]]"><i class="fas fa-cog"></i></a>
	</div>
#end
<div class="tanmodule" >
	#set( $view = "asset/assetadvancedfilter")
	#set( $searcher = $mediaarchive.getAssetSearcher())
	
	$context.putPageValue("view", $view)
	$context.putPageValue("searcher", $searcher)
	
	#set($usestartswith = $page.isPropertyTrue('usestartswith'))
	$context.putPageValue("usestartswith",$usestartswith)
	$context.putPageValue("caneditlists",false)
				
	
##SORT
<form  	name="filtersortform" 
		id="filtersortform" 
		class="autosubmitform filterform em-widget-content ajaxform" 
		data-targetdiv="searchlayout" 
		method="POST"  
	#if( $librarycol)
		data-oemaxlevel="1" 
		action="$home$apphome/views/modules/librarycollection/columnsort.html" 
	#else
		data-oemaxlevel="1" 
		action="$home$apphome/views/search/columnsort.html" 
	#end 
	>
	#if( $librarycol)
		<input name="collectionid" type="hidden" value="$librarycol.getId()">
	#end
		<input name="searchtype" type="hidden" value="asset">
		<div class="filter-box">
			<div class="filter-box-header">
					<span class="toggle-filter sidetoggle" data-target="filterboxsorting">
					#set($minimizedfilterbox = true)
					#if(!$userprofile.minimizefilterboxsorting || $userprofile.minimizefilterboxsorting == "false")
						#set($minimizedfilterbox = false)
					#end
					<i class="caret fas 
						#if($minimizedfilterbox) 
							 fa-caret-right 
					  	#else 
					  		 fa-caret-down 
					  	#end"></i>
					</span> 
					[[Sort]]
			</div>
			<div class="filter-box-options" id="filterboxsorting" #if($minimizedfilterbox) style="display: none;" #end>
				#set ($alldetails = $searcher.getUserPropertyDetails() )
				<div style="width:145px; display: inline-block;">
				<select data-sortup="$hits.searchQuery.isSortUp()" 
						class="form-control form-control-sm select2 autosubmited" 
						name="sortby" 
						id="assetsortby" 
						data-allowclear="false" 
						style="" >
					#foreach( $detail in $alldetails)
						
						 #if($hits.searchQuery.isSortUp())
						 	#set($value = "${detail.id}Up")
						 #else
						 	#set($value = "${detail.id}Down")
						 #end
						<option data-detailid="${detail.id}" 
								value="$value" 
								#if($hits.isSortedBy($detail.id)) 
								selected="selected" 
								#end>$detail.getText($context)</option>
					#end
				</select>
				</div>
				<div class=" float-right" ><i class="filterschangesort fas #if($hits.searchQuery.isSortUp()) fa-sort-alpha-up #else fa-sort-alpha-down #end" style="padding-top:5px"></i></div>
			</div>
		</div>
	</form>	
		
		
	
	<form  	name="filterform" id="filterform" class="autosubmitform filterform em-widget-content" 
			data-targetdiv="filteredresults" method="POST"  
	#if( $librarycol)
		data-oemaxlevel="2" 
		action="$home$apphome/views/modules/librarycollection/search.html" 
	#else
		data-oemaxlevel="1" 
		action="$home$apphome/views/search/search.html" 
	#end 
	>
	#if( $librarycol)
		<input name="collectionid" type="hidden" value="$librarycol.getId()">
	#end
	
	##We need 2 things passed in: $searcher, $view or $searcher $details
	#if (!$details && $userprofile)
		#set ($details = $searcher.getDetailsForView($view, $userprofile))
	#else
		#set ($details = $searcher.getDetailsForView($view))
	#end
	
	
	$context.putPageValue("idprefix","search")
	

	##FILTERS
		
	#foreach( $detail in $details)   
		
		#set( $viewpermission = $context.getPageValue("canviewfilter${detail.getId()}") )
		##ifnull($viewpermission)
			#set( $viewpermission = true)
		##end
	
		  #if( $viewpermission )
		
			$context.putPageValue("detail", $detail)
			$context.putPageValue("searchform", true)
			#if ($detail.isLeaf())
				#if ($detail.isFilter())
					#set($filternode = $hits.findFilterValue($detail.id))
					$context.putPageValue("filternode",$filternode)
					#if(($edit == "true") || ($filternode && !$filternode.isEmpty() && $filternode.children.size() > 1))
						$pages.include("/${applicationid}/components/filters/detailedit.html", $context)
					#end	
				#else
					$pages.include("/${applicationid}/components/filters/detailedit.html", $context)
				#end
			#else
				$pages.include("/${applicationid}/components/filters/section.html", $context)
			#end
			
		  #end
	#end
			
		
		#set( $nodeID = $context.getRequestParameter("nodeID"))
		
		
		#if( $librarycol.rootcategory )
			<input type="hidden" name="field" value="category" />
			<input type="hidden" name="operation" value="exact" />
			<input type="hidden" name="collectionid" value="$librarycol.getId()" />
			#if($nodeID && $nodeID != $librarycol.rootcategory) 
				<input type="hidden" name="category.value" value="$!nodeID" />
				<input type="hidden" name="nodeID" value="$!nodeID" />
			#else
				<input type="hidden" name="category.value" value="$librarycol.rootcategory" />
			#end
		#elseif( $selectedlibrary.categoryid )
			<input type="hidden" name="field" value="category" />
			<input type="hidden" name="operation" value="exact" />
			<input type="hidden" name="category.value" value="$selectedlibrary.categoryid" />
			<input type="hidden" name="selectedlibrary" value="$selectedlibrary.getId()" />
		#elseif( $category )
			#set($categoryid = $category.getId())
			<input type="hidden" name="field" value="category" />
			<input type="hidden" name="operation" value="exact" />
			<input type="hidden" name="category.value" value="$categoryid" />
			<input type="hidden" name="nodeID" value="$!nodeID" />
		#end
		

		<input type="hidden" name="${searcher.getSearchType()}endusersearch" value="true"/>
	
		<input type="hidden" name="customproperty" value="userinputsearch"/>
		<input type="hidden" name="userinputsearch.value" value="true"/>
		<input type="hidden" name="removeterm" id="filtersremoveterm" value=""/>
					
				    
					
			
		#set ($resultview = $userprofile.get('resultview'))
		
		#if( !$resultview )
		<input type="hidden" name="resultstype" value="table" />
		#end
		
		</form>
		
		#if ($edit == "true")
		
		##TODO: Pass this view name in
		#set ($alldetails = $searcher.getUserPropertyDetails() )
		<div class="advancedsearcheditform">
		<strong style="margin-bottom:10px;display:block">[[Edit Fiters]]:</strong>
		<form id="searchaddfield" class="ajaxform" targetdiv="advfilterpanel" action="$home$apphome/components/filters/addfield.html" method="post">
		
			<input type="hidden" name="oemaxlevel" value="1"/>
			<input type="hidden" name="editadvsearch" value="true"/>
			<input type="hidden" name="view" value="$view"/>
			<input type="hidden" name="catalogid" value="$searcher.getCatalogId()"/>
			<input type="hidden" name="collectionid" value="$!collectionid"/>
			<input type="hidden" name="searchtype" value="$searcher.getSearchType()"/>
			<div class="form-group">
			<select  class="form-control"  name="field" onChange="jQuery('#searchaddfield').submit();">
				<option value="">[[Asset]]</option>
				#foreach( $detail in $alldetails)
					#if($detail.isLeaf())
					<option value="$detail.id" style="margin-left: 10px;">$detail.getText($context)</option>
					#else							
						<optgroup label="$detail.title"></optgroup>
						#foreach($child in $detail)
						<option value="$child.id" style="margin-left: 10px;">$child.getText($context)</option>
						#end
					#end
				#end	
			</select>
			</div>
			<div class="form-group">
			<select class="form-control" name="field" onChange="jQuery('#searchaddfield').submit();">
				<option value="">[[Collection]]</option>
				#set( $librarydetails = $mediaarchive.getSearcher("librarycollection").getUserPropertyDetails() )
				#foreach( $detail in $librarydetails)
				<option value="librarycollection.${detail.id}" style="margin-left: 10px;">$detail.getText($context)</option>
				#end
			</select>
			</div>
			<div class="form-group">
			<select  class="form-control"  name="field" onChange="jQuery('#searchaddfield').submit();">
				<option value="">[[Library]]</option>
				#set( $librarydetails = $mediaarchive.getSearcher("library").getUserPropertyDetails() )
				#foreach( $detail in $librarydetails)
				<option value="library.${detail.id}" style="margin-left: 10px;">$detail.getText($context)</option>
				#end
			</select>
			</div>
		<div class="form-group">
			#if( $collectionid )
				#set($doneUrl = "$home$apphome/views/modules/librarycollection/media/index.html?collectionid=$!collectionid&clearselection=true") 
			#else
				#set($doneUrl = "$home$apphome/views/modules/asset/index.html")
				 
			#end
			<a class="btn btn-sm btn-secondary" href="$doneUrl">[[Done Editing]]</a>
		</div>	
		</form>
		</div>
		#end
	
		<script type="text/javascript">
			deleteFilterField = function(inType,inFieldId)
			{	
				console.log('Delete filter');
				var params = 'oemaxlevel=1&editfilters=true&collectionid=$!collectionid&view=$view&catalogid=$searcher.getCatalogId()&searchtype=' + inType + "&field=" + inFieldId;
				jQuery('#advfilterpanel').load("$home$apphome/components/filters/deletefield.html?" + params)
			}
		</script>
	</div>
</div>