{% if articulos is not empty %}
<div class="list-group list-group-flush border-bottom scrollarea" data-controller="search">
{% for articulo in articulos %}
{% if articulo.bloqueado %}
<div class="list-group-item list-group-item-action py-3 lh-tight disabled">
<small class="text-body-secondary">{{ articulo.fcdescrip | replace({(query): '<mark class="bg-primary-subtle">'~ query ~'</mark>'})|raw }} - </small>
<strong>{{ articulo.descripcion | replace({(query): '<mark>'~ query ~'</mark>'})|raw }}</strong> <small><span class="badge bg-danger small">No Disponible</span></small>
</div>
{% else %}
<a href="#" data-url="{{ path('cc_articulo', { codarticulo: articulo.codarticulo, fav: articulo.codfavorito }) }}"
data-action="search#openProdModal"
data-title="Agregar Producto"
data-footer="true"
data-fav="{{ articulo.codfavorito }}"
class="list-group-item list-group-item-action py-3 lh-tight {% if articulo.bloqueado %}disabled{% endif %}">
<small class="text-body-secondary">{{ articulo.fcdescrip | replace({(query): '<mark class="bg-primary-subtle">'~ query ~'</mark>'})|raw }} - </small>
<strong>{{ articulo.descripcion | replace({(query): '<mark>'~ query ~'</mark>'})|raw }}</strong> {% if articulo.bloqueado %} <small><span class="badge bg-danger small">No Disponible</span></small>{% endif %}
</a>
{% endif %}
{% endfor %}
</div>
{% else %}
<div class="alert alert-warning">No se encontraron productos.</div>
{% endif %}