#set($inputname = "${detail.id}")
#set($inputid = $inputname.replaceAll("/", ""))
#if($catalogid)
  #set($inputid = "${inputid}${catalogid}")
#end

#set($viewtype = $detail.searchcomponent)
#if(!$viewtype)
  #set($viewtype = $detail.viewType)
  #if(!$viewtype)
    #set($viewtype = $detail.dataType)
  #end
  #if(!$viewtype || $viewtype == "text" || $detail.isMultiLanguage() || $viewtype == "textarea" || $viewtype == "html")
    #set($viewtype = "default")
  #end
  #if($viewtype == "date")
    #set($viewtype = "datesearch")
  #end
#end

#if($hits.getSearchQuery())
  #set($value = "$!{hits.getSearchQuery().getInput($detail.id)}")
  #set($values = $hits.getSearchQuery().getInputs($detail.id))
  #set($term = $hits.getSearchQuery().getTermByDetailId($detail.id))
  $context.putPageValue("term", $term)
  $context.putPageValue("val", $value)
  $context.putPageValue("value", $value)
  $context.putPageValue("values", $values)
  $context.putPageValue("data", $hits.getSearchQuery())
#end


<!-- Hidden metadata -->
<input type="hidden" name="field" value="$searcher.getCatalogId():$view:${detail.getId()}" />
<input type="hidden" name="${detail.getId()}.searchtype" value="${detail.getSearchType()}" />
#if(!$detail.isDate() && !$viewtype.endsWith("search"))
  #if($detail.defaultoperation && $detail.defaultoperation != "")
    <input type="hidden" name="operation" value="$detail.defaultoperation" />
  #elseif($detail.isList() || $detail.isBoolean() || $viewtype == "multiselect")
    <input type="hidden" name="operation" value="matches" />
  #else
    <input type="hidden" name="operation" value="startswith" />
  #end
#end

<!-- Compact search input with label -->
<div class="mb-2">
  ##<label for="$inputid" class="form-label small mb-1">$!detail.getText($context)</label>
    $pages.include("/${applicationid}/components/xml/types/${viewtype}.html?search=true", $context)
</div>