<?xml version="1.0" encoding="UTF-8" ?>
<templates id="template" xml:space="preserve">

    <t t-name="ProductsWidget" owl="1">
      <div class="products-widget">
            <ProductsWidgetControlPanel mobileSearchBarIsShown="props.mobileSearchBarIsShown" breadcrumbs="breadcrumbs"
                                        subcategories="subcategories" hasNoCategories="hasNoCategories" />
            <div class="product-list-container">
                <div t-if="productsToDisplay.length != 0" class="product-list">
                    <t t-foreach="productsToDisplay" t-as="product" t-key="product.id">
                        <ProductItem product="product" />
                    </t>
                </div>
                <div t-else="" class="product-list-empty no-results-message">
                    <p t-if="searchWord">
                        No product found for <b>"<t t-esc="searchWord"/>"</b> in this category.
                    </p>
                    <p t-else="">
                        There are no products in this category.
                    </p>
                </div>
                <div t-if="searchWord" class="search-more-button">
                    <div class="button" t-on-click="_onPressEnterKey">Search more</div>
                </div>
                <div class="portal search-database-button no-results-message" t-att-class="{ oe_hidden:  !shouldShowButton }"></div>
            </div>
        </div>
    </t>

</templates>
