{{#extend "base" pageClass="products-list-page" title="Search results"}}
{{#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/pages/page_products-list-phone.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" fixed-height="custom-scroll"}}
        {{> search-filter-mobile }}
      </aside>

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

        <div class="sort-products-list">
          <div class="sort-products-list__section sort-products-list__items-per-page">
            <button class="btn btn-primary open-filters-btn" id="open-overlay">
              <span class="btn__text">
                <span class="icon"><span class="fas fa-filter"></span></span>Show filters
              </span>
            </button>
            {{> 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">
          {{#each search-result.products}}
            {{>card_product}}
          {{/each}}
        </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/page/plp.js"></script>
{{/content}}
{{/extend}}
