{% set categoria = null %}
{% set namecategoria = null %}
{% set clasificaciones = qi.clasificaciones() %}
<div class="cont-bus" id="busqueda-contenedor" data-visible="no">
<div class="bg-naranja position-relative">
<div class="cerrar">
<img src="/img/SVG/close-circle-blanco.svg" alt="" class="cerrar-img">
</div>
<div class="container py-4" id="contenido_despleg">
</div>
</div>
<div class="parte2 bg-gris3 py-4">
{% for cat in qi.getCategoriasConProductos() %}
<div class="container container-slider cate cat_{{ cat.id }}">
<div class="row">
<div class="col-12 d-flex justify-content-between align-items-center mb-4">
<div class="swiper-button-prev">
<img src="/img/SVG/left.svg"/>
</div>
<div class="swiper-container busqueda-swiper mx-2">
<div class="swiper-wrapper">
{% for item in qi.getProductosCategoriaGroupMaestro(cat.id) %}
<div class="swiper-slide">
<div class="item-producto">
<div class="tags-promos">
{% if item.descuento %}
<p class="prom bg-naranja mb-2">
{{ (item.descuento * 100) | number_format(2) }}% Dcto
</p>
{% endif %}
{% if item.nuevo == 1 %}
<p class="prom bg-naranja-claro">nuevo</p>
{% endif %}
</div>
<a class="img" href="{{ path('product', {id: item.plu, nombre: qi.slugify(item.nombre)}) }}">
<img src="{{ item.imagen }}" alt="">
</a>
<h4 class="bold color-negro">{{ item.nombre }}</h4>
<p class="color-gris1 sm">{{ item.resumen }}</p>
<div class="mt-3 d-flex justify-content-between align-items-center">
<button class="btn btn-gris"><a href="{{ path('product', {id: item.plu, nombre: qi.slugify(item.nombre)}) }}">Ver</a></button>
{% if qi.getSetting('probar') == 1 %}
{% if cat.id == 1 %}<button class="btn btn-naranja"><a href="">Probar</a></button>{% endif %}
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="swiper-button-next">
<img src="/img/SVG/right.svg"/>
</div>
</div>
</div>
<div class="row">
<div class="col-12 d-flex justify-content-center py-2">
<a class="btn border-negro d-flex align-items-center mr-2" href="{{ path('categoria_slug', {categoria: cat.slug}) }}">
<i class="icon-ver mr-1"></i> Ver todo
</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>