It might be a good time to join this template with the Find in Files ones and use Mustache to decide what to display or not, since both have several similar parts and will have more once we have more Find in Files features. At the moment it could be done like:

```
<div class="search-input-container">
    <input type="text" id="find-what" value="{{value}}" placeholder="{{Strings.CMD_FIND}}" />
    <div class="error"></div>
    <span id="find-counter"></span>
</div>
<button id="find-case-sensitive" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_CASESENSITIVE_HINT}}"><div class="button-icon"></div></button>
<button id="find-regexp" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_REGEXP_HINT}}"><div class="button-icon"></div></button>

{{#hasPrevNext}}
<div class="navigator">
    <button id="find-prev" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_PREV_HINT}}">{{Strings.BUTTON_PREV}}</button>
    <button id="find-next" class="btn no-focus" tabindex="-1" title="{{Strings.BUTTON_NEXT_HINT}}">{{Strings.BUTTON_NEXT}}</button>
</div>
{{/hasPrevNext}}

{{#hasReplace}}
<input type="text" id="replace-with" placeholder="{{Strings.REPLACE_PLACEHOLDER}}"/>
<button id="replace-yes" class="btn no-focus" tabindex="-1">{{Strings.BUTTON_REPLACE}}</button>
<button id="replace-all" class="btn no-focus" tabindex="-1">{{Strings.BUTTON_REPLACE_ALL}}</button>
{{/hasReplace}}

<div class="no-results-message">{{FIND_NO_RESULTS}}</div></div>
{{#label}}
<div class="message">
    <span id="searchlabel">{{{label}}}</span>
</div>
{{/label}}
```

And then Create the template with:
```
Mustache.render(searchDialogTemplate, {
    value       : initialQuery || "",
    label       : "",     // Will have a value in Find in Files
    hasPrevNext : true,   // False for Find in Files
    hasReplace  : false   // True for Replace
});
```