#set( $moduleid = $context.findValue("module") )
$context.putPageValue("caneditlists","false")

#set($cat = $context.findValue("category.value"))
#if(!$cat) #set($cat = $context.findValue("catid")) #end 
#if(!$cat) #set($cat = $context.findValue("categoryid")) #end 
#if(!$cat) #set($cat = $context.findValue("category-exact.value")) #end 
#if($cat) #set($category = $testbench.getCategory($cat)) #end
#if(!$targetdiv)
#set($targetdiv= "#resultsdiv")
#end
#set( $view = "${moduleid}/${moduleid}advancedsearch")
#set( $searcher = $searcherManager.getSearcher("$content.catalogid", "${moduleid}") )
#set($usestartswith = $page.isPropertyTrue('usestartswith'))
$context.putPageValue("view", $view)
$context.putPageValue("searcher", $searcher)
$context.putPageValue("usestartswith", $usestartswith)

  #if (!$details && $userprofile)
    #set ($details = $testbench.getDetailsForView($view))
  #end

  <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 m-2">

    <!-- LEFT: all filters/search/button inline -->
    <div class="d-flex align-items-center gap-2 flex-nowrap">

     
#if($hits.getSearchQuery())
  #set($descrip = "$!{hits.getSearchQuery().getInput('description')}")
  
#end
      <!-- Free-text keyword search -->
      <div class="input-group input-group-sm" style="min-width: 250px;">
        <input type="hidden" name="field" value="description">
        <input type="hidden" name="operation" value="contains">
        <span class="input-group-text"><i class="bi bi-search"></i></span>
        <input type="text" class="form-control" name="description.value"
               placeholder="Search..." value="$!descrip">
      </div>

      <!-- Dynamic filter dropdowns -->
      #foreach( $detail in $details )
        $context.putPageValue("detail", $detail)
        $pages.include("$apphome/components/inlinesearch/filter-dropdown.html", $context)
      #end

      <!-- Apply button + friendly query -->
     
      <div class="flex-shrink-0" style="white-space: nowrap;">
        <button type="submit" class="btn btn-sm btn-secondary">
          Apply Filters
        </button>
      </div>
     
      
    </div>

    <!-- RIGHT: view-mode selector -->
    <div class="flex-shrink-0" style="min-width:180px;">
      	#set ($resultview = $userprofile.get("${moduleid}resultview"))
	
		
		#if(!$resultview)
			#set($resultview = $userprofile.get("resultview"))
			#if (!$resultview)
				#set($resultview = "table")
			#end
		#end
	  	#set ($resultview = $userprofile.get("${moduleid}resultview"))
	
		
		#if(!$resultview)
			#set($resultview = $userprofile.get("resultview"))
			#if (!$resultview)
				#set($resultview = "table")
			#end
		#end
      #set( $types = $mediaarchive.query("resulttype").orgroup("module", "all $moduleid").search()) 
	
      <select class="form-select form-select-sm" name="changeresultview" data-submit>
					#foreach($type in $types)
						<option value="$type.getId()" #if( $resultview == "$type.getId()") selected #end>$type.getName($context)</option>
					#end
        
      </select>
    </div>

  </div>