<div class="col-12 col-sm-auto">
<select name="products-view" id="products-view" class="form-select">
<option value="list">Toon als lijst</option>
<option value="thumblist" {{ view == 'thumblist' ? 'selected' : '' }}>Toon als thumbnail lijst</option>
<option value="thumb" {{ view == 'thumb' ? 'selected' : '' }}>Toon als thumbnails</option>
</select>
</div>
<div class="col-12 col-sm-auto">
<select name="products-sort" id="products-sort" class="form-select">
<option value="`group`">Sorteer op productgroep</option>
<option value="code" {{ app.request.get('sort') == 'code' ? 'selected' : '' }}>Sorteer op zoekcode</option>
<option value="title" {{ app.request.get('sort') == 'title' ? 'selected' : '' }}>Sorteer op omschrijving</option>
<option value="brand" {{ app.request.get('sort') == 'brand' ? 'selected' : '' }}>Sorteer op merk</option>
</select>
</div>
{% if paginationVariables is defined %}
<div class="col-12 col-sm-auto">
<select name="products-perpage" id="products-perpage" class="form-select">
{% set startValue = 25 %}
{% set multiplier = 2 %}
{% for i in 0..4 %}
{% set value = startValue * (multiplier ** i) %}
{% if productsPerPage %}
{% set selected = productsPerPage == value %}
{% else %}
{% set selected = app.request.get('perpage') == value %}
{% endif %}
<option value="{{ value }}" {{ selected ? 'selected' : '' }}>{{'Toon aantal'|trans }} ({{ value }})</option>
{% endfor %}
</select>
</div>
{% endif %}