<turbo-stream action="replace" target="filter_content">
    <template>
        <turbo-frame id="filter_content" data-turbo-action="advance">
            <div>
                            <p>Showing 109 - 109 of 109 results</p>
                    </div>

        <div class="four-col post-grid">
                            <div class="card card--product">
    <a href="/products/building-materials/wheelbarrow-steel-tray-wide-wheel" class="card__detail" data-turbo-frame="_top">
        <div class="card__image">
                        <picture>
                                    <img src="/assets/frontend/img/placeholder-product.c0b7e6f3.png" width="104" height="104" alt="Wheelbarrow Steel Tray Wide Wheel"/>
                            </picture>
        </div>

                    <div class="card__eyebrow">Lyndons</div>
        
        <div class="card__title">Wheelbarrow Steel Tray Wide Wheel</div>
    </a>

    <div class="product__form">
        <turbo-frame id="app_order_add_to_cart_form_342">
            <form method="post" action="/products/building-materials/wheelbarrow-steel-tray-wide-wheel">
                
                <div class="control-group">
                    <div class="controls">
                        <div data-controller="input-integer-controls" class="number__control">
                            <input type="number" id="item_quantity" name="item[quantity]" required="required" min="1" value="1" />
                            <button type="button"  class="btn--simple number__changer number__changer--increment" data-action="input-integer-controls#increment"><img src="/assets/frontend/img/icons/chevron-up-grey.c799c266.svg" alt="Increment" width="24" height="24"/></button>
                            <button type="button" class="btn--simple number__changer number__changer--decrement" data-action="input-integer-controls#decrement"><img src="/assets/frontend/img/icons/chevron-down-grey.970c04c4.svg" alt="Decrement" width="24" height="24"/></button>
                        </div>
                    </div>
                </div>

                <button type="submit" class="product__submit">Add to Quote</button>
                <input type="hidden" name="item[_token]" value="78770fc0f5b46622ed.UVmhVFYkIm_ALF88MsX98uskJRCOpcmoR16J8syPmwQ.BC7sPzRBQyOxGjcNYKeIxZNcSVP27_HiN2q837rE8WEbIJcDMU5vCIZZGg" />
            </form>
        </turbo-frame>
    </div>
</div>

                    </div>
    
        <div class="pagination">
        <ul>
                            <li class="prev">
                    <a href="/products/building-materials?page=3" rel="prev">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M14 7L9 12L14 17" stroke="#322929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                    </a>
                </li>
            
                                                <li><a href="/products/building-materials?page=1">1</a></li>
                
                                                <li><a href="/products/building-materials?page=2">2</a></li>
                
                                                <li><a href="/products/building-materials?page=3">3</a></li>
                
                                                <li class="active"><span>4</span></li>
                
            
                    </ul>
    </div>

</turbo-frame>

    </template>
</turbo-stream>
