<div class="row">
{% for prod in pagination %}
<div class="col-md-4 col-xxl-3 mb-5 col-sm-6 col-12 border">
<a href="{{ path('tienda_prod_view', {'id' : prod.id}) }}">
<div>
<div class="col-12 p-10 text-center">
{{ include(BaseDir ~ '/inc/include_prod_img.html.twig', {'prod' : prod}) }}
</div>
<div class="col-12 text-center">
<h5>{{ prod.prodNombre | default('') }}</h5>
<h6 class="text-muted">{{ prod.prodDescripcion | default('') }}</h6>
<h6 class="text-muted">{{ prod.prodPrecio | default('') }}€</h6>
</div>
</div>
</a>
<div class="col-12 text-center mb-3">
{% if app.user != null %}
<button type="button" class="btn btn-sm btn-primary add_cart" data-load-text="{{'tienda.productos.añadiendo'| trans({}, 'tienda')}}" data-id="{{prod.id}}">
{{'tienda.productos.añadir'| trans({}, 'tienda')}} <i class="fas fa-shopping-cart"></i>
</button>
{% else %}
<button type="button" class="btn btn-sm btn-primary" disabled="disabled">
{{'tienda.productos.añadir'| trans({}, 'tienda')}} <i class="fas fa-shopping-cart"></i>
</button><br>
<span class="adv_prod">{{'tienda.productos.sesion.label'| trans({}, 'tienda')}} <a href="{{ path('app_login') }}">{{'tienda.productos.sesion.iniciar'| trans({}, 'tienda')}}</a></span>
{% endif %}
</div>
</div>
{% else %}
<div class="col-sm-12 text-center">
<h2>{{'tienda.productos.none'| trans({}, 'tienda')}}</h2>
</div>
{% endfor %}
</div>