<div class="col-12 col-xxl-3 col-xl-3 col-lg-4 col-md-6 d-flex align-items-center mb-3 product-row {{ product.getStock() <= 0 ? 'out-of-stock' : '' }}" > <div class="row"> <!-- Imagen --> <div class="col-lg-12 col-12"> <img src="/uploads/images/products/{{ product.getImageName }}" alt="{{ product.name }}" class="img-fluid rounded pointer zoom" onclick="window.location.href='/product/{{product.id}}'"> </div> <!-- Información --> <div class="col-lg-12 col-12"> <h6 class="section-title mt-1 pointer" onclick="window.location.href='/product/{{product.id}}'">{{ product.name }}</h5> <div class="text-muted text-start my-1 fs-7"> <div class="row row-cols-auto align-items-center justify-contents-beetween" style="min-height: 36px"> <div class="col"> <div class="fs-6 text-black fw-bolder">{{ product.getRealPrice|number_format(2, ',', '.') }}€</div> </div> {% if product.getDiscound() > 0 %} <div class="col text-center"> <div class="fs-7 btn btn-primary "> {{product.getDiscound()| number_format(0, '.', ',')}} %</div> </div> <div class="col text-end"> <div class="fs-7 text-black-50 text-decoration-line-through"> {{product.getRealFakePrice() | number_format(2, '.', ',') }} €</div> </div> {% endif %} </div> </div> </div> </div></div>