{% set page_class = 'browseWrapper' %}
{% extends 'layouts/default.twig' %}

{% block head %}

    {% if filters.selections|length > 1 or filters.sort.option_selected != 'default' %}
        <meta name="robots" content="noindex">
    {% endif %}

{% endblock %}

{% block content %}


    <div class="browsePageWrap">
        <main class="browsePage">
            <browse-page
                :set-products="{{ products|json_encode }}"
                :set-filters="{{ filters|json_encode }}"
            >
                <div slot="products" class="productListWrap">
                    {% include "shop/browse/_product_list.twig" with {
                        products: products
                    } only %}
                </div>

                <div slot="pagination" class="paginationSlot">
                    {% include "shop/browse/_pagination.twig" with {
                        pagination: pagination
                    } only %}
                </div>
            </browse-page>
        </main>
    </div>

{% endblock %}
