<input placeholder="{{placeholder}}" ng-model="searchTerm" name="q" type="search" autocomplete="off" class="search-bar-input">

<div class="search-submit">
    <input type="submit" value="">
    <span class="magnifier"></span>
</div>

<div class="search-suggest" ng-show="showSuggest()">
    <ul>
        <li class="title" ng-show="productsResults.length > 0">Producten</li>
        <li ng-repeat="result in productsResults">
            <a ng-href="/{{result.route}}">
                <span class="name">{{result.name}}</span>
                <span ng-show="result.filter_type">- {{result.filter_type}}</span>
                <span class="blue">{{result.filter_class}}</span>
                <span ng-show="result.bypass">- Bypass</span>
                <span ng-show="result.fine_dust_filter">- Pollenfilter</span>
            </a>
        </li>

        <li class="title" ng-show="categoriesResults.length > 0">Categorie&euml;n</li>
        <li ng-repeat="result in categoriesResults">
            <a ng-href="/{{result.route}}">{{result.name}}</a>
        </li>

        <li class="title" ng-show="pagesResults.length > 0">Paginas</li>
        <li ng-repeat="result in pagesResults">
            <a ng-href="/{{result.route}}">{{result.name}}</a>
        </li>
    </ul>
</div>