#set($searchfield = $context.getRequestParameter("autocompletesearchfield"))

#if( !$searchfield)
	#set($searchfield = "name")
#end


#set($searchmode = $context.getRequestParameter("search"))
#if($searchmode == "true")
  $pages.include("$apphome/components/xml/types/listpicker/results.html?search=true", $context)
#else
  #set($fieldid = "${detail.id}")
#set($value = $context.getRequestParameter("${fieldid}.value"))
#if(!$value)
  #set($value = $value)
#end
$detail
$detail.getListId()
  #set($label = "")
  #if($value)
    #set($searcher = $searcherManager.getSearcher($detail.getListCatalogId(), $detail.getListId()))
    #set($data = $searcher.searchById($value))
    #if($data)
      #set($label = $data.getName($context.getLanguage()))
    #end
  #end

  <input type="hidden" name="${fieldid}.value" value="$!value" id="${fieldid}pickerfield" />

  <div class="dropdown listpicker-dropdown" id="${fieldid}picker" data-search-url="$apphome/components/xml/types/listpicker.html?searchtype=${detail.getListId()}&field=name&operation=contains&name.value=" >
    <button class="btn btn-sm dropdown-toggle btn-outline-secondary w-100 text-start" type="button"
            data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
      #if($label)
        #esc($label)
      #else
        [[Select...]]
      #end
    </button>

    <div class="dropdown-menu p-2 shadow-sm w-100" style="min-width: 300px;">
      <input type="text" class="form-control mb-2 listpicker-search" placeholder="Type to search..."
             data-listid="$detail.listid" data-fieldid="$fieldid" autocomplete="off" />

      <div class="picker-results" id="${fieldid}-results">
        $pages.include("$apphome/components/xml/types/listpicker/results.html?searchtype=$detail.getListId()")
      </div>
    </div>
  </div>

  #if($caneditlists)
    <div class="mt-2">
      <a class="emdialog btn btn-xs btn-light" data-dialogid="inlineedit"
         href="$siteroot$apphome/views/settings/lists/datamanager/edit/inline.html?searchtype=$detail.getListId()&update=${fieldid}pickerfield"
         title="[[Add New]] $detail" data-hidefooter="true">
        + [[New]] $detail
      </a>
    </div>
  #end
#end