{{#extend "base" pageClass="products-list-page" title="Search results" pagePlp=true}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_products-list.css">
<link type="text/css" rel="stylesheet" href="./css/plp-main.css">
<link type="text/css" rel="stylesheet" href="./css/components/energy-efficiency.css">
{{/content}}
{{#content "body"}}
<main>
  <div class="container">

    <div class="page-header page-header_border-all">
      <h1 class="page-header__title">
        We have found <span>248</span> products for: <span class="searched-item">cookers</span>
      </h1>
    </div>

    <div class="row">
      <aside class="left-aside">
        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
      </aside>

      <div class="content">
        {{> injected-content }}

        <div class="sort-products-list">
          <div class="sort-products-list__section sort-products-list__items-per-page">
            {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
          </div>
          <div class="sort-products-list__section sort-products-list__pagination">
            {{> pagination pagination1="true" }}
            {{> pagination pagination2="true" }}
          </div>
          <div class="sort-products-list__section sort-products-list__sort-by">
            {{> form-row dropdown="true" ddn-mod="ddn_small" id="d2" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
          </div>
        </div>

        <div class="products-list products-list-v2">
          {{#each search-result_v2.products}}
            {{>card_product_v2}}
          {{/each}}
          {{#if search-result_v2.sponsor-banner}}
            {{#each search-result_v2.sponsor-banner}}
              {{>card_sponsor_banner}}
            {{/each}}
          {{/if}}
          {{#if search-result_v2.sponsor-product}}
            {{#each search-result_v2.sponsor-product}}
              {{>card_sponsor_product}}
            {{/each}}
          {{/if}}
        </div>

        <div class="sort-products-list">
          <div class="sort-products-list__section sort-products-list__items-per-page is-hidden">
            {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-bottom" label="Products per page" label-hidden="true" placeholder="All products per page"}}
          </div>
          <div class="sort-products-list__section sort-products-list__pagination">
            {{> pagination pagination1="true" }}
            {{> pagination pagination2="true" }}
          </div>
        </div>
      </div>
      <!-- ./content -->

    </div>
  </div>
  {{> legal-info}}

</main>
{{/content}}
{{#content "foot" mode="append"}}
<script defer src="./js/plp.bundle.min.js"></script>
<script defer src="./js/energy-efficiency.min.js"></script>

<script defer src="./js/page/plp-cards-v2.js"></script>
<script defer src="./js/search-filter.min.js"></script>
{{/content}}
{{/extend}}