{{/* Value - value of the search field (for search results page) */}}
{{/* Disabled (optional) - if search field/button has to be disabled */}}
{{/* Placeholder (optional) - placeholder text to be used */}}
{{/* Selected - the currently selected option */}}
{{/* Options - options available to choose from */}}
{{/* Tooltip (optional) - a tooltip to be displayed on button hover */}}
<div class="ui small fluid action input">
	{{template "shared/search/input" dict "Value" .Value "Disabled" .Disabled "Placeholder" .Placeholder}}
	<div class="ui small dropdown selection {{if .Disabled}} disabled{{end}}" data-tooltip-content="{{ctx.Locale.Tr "search.type_tooltip"}}">
        <div class="text">
            {{ctx.Locale.Tr (printf "search.%s" .Selected)}}
        </div>
        <div class="menu" data-test-tag="fuzzy-dropdown">
            {{range $opt := .Options}}
                {{$isActive := eq $.Selected $opt}}
                <label class="{{if $isActive}}active {{end}}item" data-value="{{$opt}}" data-tooltip-content="{{ctx.Locale.Tr (printf "search.%s_tooltip" $opt)}}">
                    <input hidden type="radio" name="mode" value="{{$opt}}"{{if $isActive}} checked{{end}}/>
                    {{ctx.Locale.Tr (printf "search.%s" $opt)}}
                </label>
            {{end}}
        </div>
    </div>
	{{template "shared/search/button" dict "Disabled" .Disabled "Tooltip" .Tooltip}}
</div>