Каталог

<!DOCTYPE html>
<html lang="ru">

[[$head]]

<body>
  [[$header]]
  <main class="py-5">


    <div class="container">
      <div class="row">
        <div class="col-12 mb-4">
          <h1> [[*pagetitle]]</h1>
        </div>

            <div class="row">
                <div class="col-4 my-4 pr-5">
                    <select id="select_sort" class="form-select" aria-label="sortby">
                        <option value="1" selected> По цене (сначала дешевле)</option>
                        <option value="2"> По цене (сначала дороже)</option>
                    </select>
                </div>


                <div class="col-3 pl-5" my-4>
                    <label for="price_from">Цена от</label>
                    <input type="number" class="form-control mb-2" id="price_from" value="0" min="0" max="99999" step="100">
                </div>

                <div class="col-3" my-4>
                    <label for="price_to">Цена до</label>
                    <input type="number" class="form-control mb-2" id="price_to" value="99999" min="0" max="99999" step="100">
                </div>


                <div class="col-2 my-4">
                    <button type="button" class="btn btn-success" onclick="start_filter();">Применить</button>
                </div>
            </div>


            </div>


        <div class="row">
        [[pdoResources?
          &parents=`[[*id]]`
          &depth=`0`
          &tpl=`card_tovar`
          &sortdir=`ASC`
          &includeTVs=`image, price`
          &sortby=`[[!#GET.sortby]]`
          &sortdir=`[[!#GET.sortdir]]`
          &where=`price>=[[!#GET.price_from:default=`0`]] AND price<=[[!#GET.price_to:default=`999999`]]`
          ]]
        </div>

        <div class="col-12">
          [[*content]]
        </div>
      </div>
    </div>
    [[$contact-map]] [[$bottom-message]]
  </main>
  [[$footer]] [[$scripts]]
</body>

</html>