<div class="dropdown">
  <button class="btn btn-default btn-block dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="selected-layer-names"></span>
    <span class="global-search-status"></span>
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li>
      <form>
        {{#each layers}}
        <div class="checkbox">
          <label {{#unless this.display.visible}}style="display:none;"{{/unless}}>
            <input type="checkbox" {{#if this.automaticSearch}}checked{{/if}} data-layer="{{this.id}}">
            {{this.displayName}}
            <span class="search-status">
              {{#if this.isSearching}}
                <i class="fa fa-circle-o-notch fa-spin fa-fw"></i>
              {{else if this.hasError}}
                <i class="fa fa-exclamation"></i>
              {{else if this.isCancelled}}
              {{else if this.isCountInitiallyDisabled}}
              {{else}}
                {{this.hasLoaded}}/{{this.totalResults}}
              {{/if}}
            </span>
          </label>
        </div>
        {{/each}}
      </form>
    </li>
  </ul>
</div>

<div class="result-contents"></div>
<button class="btn btn-sm btn-block btn-default select-all" disabled="disabled">{{t 'Select all'}}</button>
