<div class="search container">

    <h1>{{ 'general.search.headline' | t }}</h1>

    {% paginate search.results by 10 %}
        <form action="/search" method="get" role="search">
            <input type="search" name="q" value="{{ search.terms | escape }}" />
            <button type="submit" class="btn">{{ 'general.search.submit' | t }}</button>
        </form>

        {% if search.performed %}
            <div class="search-results">
            {% for item in search.results %}
                {% render 'card-product', product: item %}
            {% endfor %}
            </div>
        {% endif %}

        {% if paginate.pages > 1 %}{{ paginate | default_pagination }}{% endif %}

    {% endpaginate %}
</div>