<turbo-stream action="update" targets=".filters-section"><template><div class="filters">
  <div class="filters-header">
    <strong class="filters-title" role="heading">Φίλτρα</strong>
      <a class="cancel-all-filters" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/el/lp/possina">Ακύρωση Όλων</a>

    <button type="button" class="btn-close float-end d-xxl-none" data-bs-dismiss="modal" aria-label="Close"></button>
  </div>

  <form class="filter-form" data-turbo-stream="true" data-action="submit-&gt;terra--results#handleFormSubmition" action="/el/lp/possina" accept-charset="UTF-8" method="get">



        <div class="filter-group">
  <label class="filter-label">Επιλογές Αγοράς</label>


    <div class="filter-option-group">
      <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/el/lp/possina?is_available=true&amp;price_max=19.99">
        <input type="checkbox" name="purchase-option-is_available" id="purchase-option-is_available" value="true" class="form-check-input" />

        <label for="purchase-option-is_available">&nbsp;&nbsp;Διαθέσιμα</label>&nbsp;&nbsp;
        <span class="number-of-results">(14)</span>
</a>    </div>
</div>
        <div class="filter-group">
  <label class="filter-label">Χρώμα</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/el/lp/possina/f/1554/natural?price_max=19.99">
    <input type="checkbox" name="filter-1554" id="filter-1554" value="1" class="form-check-input checked-ffffff" style="background-color: #ddb989; border-color: #ddb989" />

    <label for="filter-1554">&nbsp;&nbsp;Φυσικό</label>&nbsp;&nbsp;<span class="number-of-results">(14)</span>
</a></div>


</div>
        <div class="filter-group">
  <label class="filter-label">Κατασκευαστής</label>


    
<div class="filter-option-group">
  <a data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/el/lp/possina/f/b251/possina?price_max=19.99">
    <input type="checkbox" name="brand-filter-251" id="brand-filter-251" value="1" class="form-check-input" />

    <label for="brand-filter-251">&nbsp;&nbsp;Possina</label>&nbsp;&nbsp;<span class="number-of-results">(14)</span>
</a></div>


</div>
        
<div class="filter-group filter-group--dimensions-title">
  <label class="filter-label">Διαστάσεις</label>
</div>


  <div class="filter-group filter-group--dimension">
    <label class="filter-dimension-label">Μήκος (cm)</label>



    <input value="15" type="hidden" name="total_length_min_abs" id="total_length_min_abs" />
    <input value="60" type="hidden" name="total_length_max_abs" id="total_length_max_abs" />

    <div class="range-filter"
         data-controller="terra--dimension-range-filter"
         data-terra--dimension-range-filter-min-value="15"
         data-terra--dimension-range-filter-max-value="60">

      <div class="range-filter__slider-wrapper">
        <div class="range-filter__track"></div>
        <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
        <input type="range"
               class="range-filter__range"
               min="15" max="60" value="15"
               data-terra--dimension-range-filter-target="minRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
        <input type="range"
               class="range-filter__range"
               min="15" max="60" value="60"
               data-terra--dimension-range-filter-target="maxRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      </div>

      <div class="range-filter__inputs">
        <div class="range-filter__input-group">
          <input placeholder="15" min="15" max="60" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_length_min" id="total_length_min" />
        </div>
        <div class="range-filter__input-group">
          <input placeholder="60" min="15" max="60" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_length_max" id="total_length_max" />
        </div>
      </div>
    </div>
  </div>

  <div class="filter-group filter-group--dimension">
    <label class="filter-dimension-label">Βάθος (cm)</label>



    <input value="2" type="hidden" name="total_width_min_abs" id="total_width_min_abs" />
    <input value="35" type="hidden" name="total_width_max_abs" id="total_width_max_abs" />

    <div class="range-filter"
         data-controller="terra--dimension-range-filter"
         data-terra--dimension-range-filter-min-value="2"
         data-terra--dimension-range-filter-max-value="35">

      <div class="range-filter__slider-wrapper">
        <div class="range-filter__track"></div>
        <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
        <input type="range"
               class="range-filter__range"
               min="2" max="35" value="2"
               data-terra--dimension-range-filter-target="minRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
        <input type="range"
               class="range-filter__range"
               min="2" max="35" value="35"
               data-terra--dimension-range-filter-target="maxRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      </div>

      <div class="range-filter__inputs">
        <div class="range-filter__input-group">
          <input placeholder="2" min="2" max="35" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_width_min" id="total_width_min" />
        </div>
        <div class="range-filter__input-group">
          <input placeholder="35" min="2" max="35" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_width_max" id="total_width_max" />
        </div>
      </div>
    </div>
  </div>

  <div class="filter-group filter-group--dimension">
    <label class="filter-dimension-label">Ύψος (cm)</label>



    <input value="11" type="hidden" name="total_height_min_abs" id="total_height_min_abs" />
    <input value="82" type="hidden" name="total_height_max_abs" id="total_height_max_abs" />

    <div class="range-filter"
         data-controller="terra--dimension-range-filter"
         data-terra--dimension-range-filter-min-value="11"
         data-terra--dimension-range-filter-max-value="82">

      <div class="range-filter__slider-wrapper">
        <div class="range-filter__track"></div>
        <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
        <input type="range"
               class="range-filter__range"
               min="11" max="82" value="11"
               data-terra--dimension-range-filter-target="minRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
        <input type="range"
               class="range-filter__range"
               min="11" max="82" value="82"
               data-terra--dimension-range-filter-target="maxRange"
               data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      </div>

      <div class="range-filter__inputs">
        <div class="range-filter__input-group">
          <input placeholder="11" min="11" max="82" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_height_min" id="total_height_min" />
        </div>
        <div class="range-filter__input-group">
          <input placeholder="82" min="11" max="82" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="total_height_max" id="total_height_max" />
        </div>
      </div>
    </div>
  </div>

        

<div class="filter-group">
  <label class="filter-label">Τιμή (€)</label>

    <a class="cancel-selected-options-for-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/el/lp/possina">Ακύρωση</a>


  <input value="7" type="hidden" name="price_min_abs" id="price_min_abs" />
  <input value="18" type="hidden" name="price_max_abs" id="price_max_abs" />

  <div class="range-filter"
       data-controller="terra--dimension-range-filter"
       data-terra--dimension-range-filter-min-value="7"
       data-terra--dimension-range-filter-max-value="18">

    <div class="range-filter__slider-wrapper">
      <div class="range-filter__track"></div>
      <div class="range-filter__fill" data-terra--dimension-range-filter-target="fill"></div>
      <input type="range"
             class="range-filter__range"
             min="7" max="18" value="7"
             data-terra--dimension-range-filter-target="minRange"
             data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
      <input type="range"
             class="range-filter__range"
             min="7" max="18" value="19"
             data-terra--dimension-range-filter-target="maxRange"
             data-action="input->terra--dimension-range-filter#onRangeInput mouseup->terra--dimension-range-filter#submit touchend->terra--dimension-range-filter#submit">
    </div>

    <div class="range-filter__inputs">
      <div class="range-filter__input-group">
        <input placeholder="7" min="7" max="18" data-terra--dimension-range-filter-target="minInput" data-action="change-&gt;terra--dimension-range-filter#onMinInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="price_min" id="price_min" />
      </div>
      <div class="range-filter__input-group">
        <input value="19" placeholder="18" min="7" max="18" data-terra--dimension-range-filter-target="maxInput" data-action="change-&gt;terra--dimension-range-filter#onMaxInputChange input-&gt;terra--dimension-range-filter#onInputInput keydown-&gt;terra--dimension-range-filter#onInputKeydown" type="number" name="price_max" id="price_max" />
      </div>
    </div>
  </div>
</div>


</form></div>
</template></turbo-stream><turbo-stream action="replace" target="product-panels"><template><section class="row gx-2" id="product-panels">

  <div class="d-flex justify-content-center pagination">
      <nav class="pagy-nav pagination"><span class="page prev disabled">‹</span> <span class="page active">1</span> <span class="page next disabled">›</span></nav>
  </div>
</section>
</template></turbo-stream><turbo-stream action="update" target="pills-section"><template>  <div class="row" id="filters-pills">

      <div class="filter-pill col-4 col-xxl-2">
        <span class="filter-value">0,00 € - 19,98 €</span>

        <a class="remove-filter" data-turbo-stream="true" data-action="click-&gt;terra--results#handleLinkFilterClick" href="/el/lp/possina?page=2&amp;price_max=19.98">
          <i class="fas fa-times"></i>
</a>      </div>






  </div>
</template></turbo-stream><turbo-stream action="update" target="sorting-options"><template><div class="col-6 d-xxl-none" id="filters-button">
  <a data-bs-toggle="modal" data-bs-target="#filters-modal" class="btn btn-sm btn-secondary" href="#">Φίλτρα</a>
</div>

<div class="col-6 col-xxl-2 filter-fields" id="length-filter-fields" data-controller="terra--results-sorting">
  <label class="visually-hidden" for="sorting">Ταξινόμηση</label>
  <select name="sorting" id="sorting" data-action="change-&gt;terra--results-sorting#update" data-terra--results-sorting-target="select" class="form-select form-select-sm select-sorting"><option value="_score">Προτεινόμενα</option>
<option value="new_arrivals">Νέες αφίξεις</option>
<option value="price_asc">Τιμή αύξουσα</option>
<option value="price_desc">Τιμή φθίνουσα</option></select>
</div>

<div class="col-xxl-10 text-center text-xxl-end number-of-products d-flex align-items-end justify-content-center pt-xxl-0 d-none d-xxl-block">
 14 Προϊόντα
</div>
</template></turbo-stream><turbo-stream action="update" target="category-slider-section"><template>
<div id="category-panel-swiper" class="cat-panel-swiper-container" data-controller="terra--category-panel-swiper">
  <div class="swiper" data-terra--category-panel-swiper-target="swiperContainer">
    <div class="swiper-wrapper">
    </div>
  </div>

  <button class="cat-swiper-btn cat-swiper-btn--prev" aria-label="Previous">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="m14 2-8 8 8 8 .7-.7L7.4 10l7.3-7.3z" clip-rule="evenodd"/>
</svg>

  </button>

  <button class="cat-swiper-btn cat-swiper-btn--next" aria-label="Next">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="m6 2 8 8-8 8-.7-.7L12.6 10 5.3 2.7z" clip-rule="evenodd"/>
</svg>

  </button>
</div>
</template></turbo-stream><turbo-stream action="update_canonical" url="https://www.polihome.gr/el/lp/possina">
  <template></template>
</turbo-stream>
