{{#if suggestions}}
  <ul class="global-search__suggestions autocomplete__dataset-suggestions">
    {{#each suggestions}}
      <li>
        <a class="autocomplete_suggestion-link" href="{{this.url}}">{{this.value}}</a>
      </li>
    {{/each}}
  </ul>
{{/if}}
{{#ifCond products '||' contentPages}}
  <div class="global-search__body">
    <ul class="nav global-search__body-head" role="tablist">
      {{#if products}}
        <li class="nav-item">
          <a class="nav-link active {{#unless contentPages}}nav-link--disable{{/unless}}" id="products-tab" data-toggle="tab" href="#products" role="tab" aria-controls="home" aria-selected="true">
            <span>Products</span>
          </a>
        </li>
      {{/if}}
      {{#if contentPages}}
        <li class="nav-item">
          <a class="nav-link {{#unless products}}nav-link--disable active{{/unless}}" id="content-page-tab" data-toggle="tab" href="#contentPages" role="tab" aria-controls="profile" aria-selected="false">
            <span>Ideas & Advice</span>
          </a>
        </li>
      {{/if}}
    </ul>
    <div class="global-search__result">
      {{#if products}}
        <ul class="tab-pane search-item autocomplete__dataset-products show active" id="products" role="tabpanel" aria-labelledby="products-tab">
          {{#each products}}
            {{#if (lt @index 4)}}
              <li>
                <a class="autocomplete__suggestion-link" href="{{url}}">
                  <div class="search-item__img">
                    <img src="{{image}}" alt="">
                  </div>
                  <div class="search-item__content">
                    <p>{{value}}</p>
                    <div class="search-item__footer">
                      {{> search-rating rating=rating quantity=ratingQuantity}}
                      {{> search-price this switch-vat=../switch-vat }}
                    </div>
                  </div>
                </a>
              </li>
            {{/if}}
          {{/each}}
        </ul>
      {{/if}}
      {{#if contentPages}}
        <span class="fake-nav-item">Ideas & Advice</span>
        <ul class="tab-pane search-item autocomplete_dataset-beinspired {{#unless products}}show active{{/unless}}" id="contentPages" role="tabpanel" aria-labelledby="content-page-tab">
          {{#each contentPages}}
            {{#if (lt @index 4)}}
              <li>
                <a class="autocomplete__suggestion-link" href="{{url}}">
                  <div class="search-item__img">
                    <img src="{{image}}" alt="">
                  </div>
                  <p>{{value}}</p>
                </a>
              </li>
            {{/if}}
          {{/each}}
        </ul>
      {{/if}}
    </div>
  </div>
{{/ifCond}}
