{# <div class="d-flex flex-column align-items-stretch flex-shrink-0 bg-white" style="width: 380px;">
<a href="#" class="d-flex align-items-center flex-shrink-0 p-3 link-dark text-decoration-none border-bottom">
<span class="fs-5 fw-semibold"><strong>Articulos</strong></span>
</a>
<div class="list-group list-group-flush border-bottom scrollarea">
{% for item in articulos %}
<a href="#" data-url="{{ path('cc_articulo', { codarticulo: item.codarticulo }) }}"
data-action="content-loader#openModal"
data-title="Agregar Producto"
data-footer="true"
class="list-group-item list-group-item-action py-3 lh-tight {% if item.bloqueado %}disabled{% endif %}">
{{ item.descripcion }} {% if item.bloqueado %} <small><span class="badge bg-danger small">No Disponible</span></small>{% endif %}
</a>
{% endfor %}
</div>
</div> #}
{# <div class="d-flex flex-column align-items-stretch flex-shrink-0 bg-white" style="width: 380px;"> #}
<div class="list-group list-group-flush border-bottom scrollarea" style="height: calc(100vh - 171px);">
{% for item in articulos %}
{% if item.bloqueado %}
<div class="list-group-item list-group-item-action py-3 lh-tight disabled">
{{ item.descripcion }} {% if item.bloqueado %} <small><span class="badge bg-danger small">No Disponible</span></small>{% endif %}
</div>
{% else %}
<a href="#" data-url="{{ path('cc_articulo', { codarticulo: item.codarticulo, fav: item.codfavorito }) }}"
data-action="content-loader#openModal"
data-title="Agregar Producto"
data-footer="true"
data-fav="{{ item.codfavorito }}"
class="list-group-item list-group-item-action py-3 lh-tight {% if item.bloqueado %}disabled{% endif %}">
{{ item.descripcion }} {% if item.bloqueado %} <small><span class="badge bg-danger small">No Disponible</span></small>{% endif %}
</a>
{% endif %}
{% endfor %}
</div>
{# </div> #}