<ul class="list-group mb-3" id="productlist"
data-cod="{{ articulo.codarticulo }}"
data-name="{{ articulo.descripcion }}"
data-price="{{ articulo.pneto }}"
data-fav="{{ articulo.codfavorito }}"
>
<li class="list-group-item d-flex justify-content-between lh-sm bg-light">
<div class="text-success align-self-center">
<h6 class="my-0" >{{ articulo.descripcion }}</h6>
</div>
<span class="text-muted">
<select class="form-select" aria-label="Default select" id="productCantidad">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</span>
<span class="text-muted align-self-center"><strong>$ {{ articulo.pneto }}</strong></span>
</li>
</ul>
{% if modsbyarticulo is defined %}
<div class="accordion" id="accordionArticulos" data-articulo={{ modsbyarticulo|json_encode|e('html_attr') }}>
{% for key, catmod in modsbyarticulo %}
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{key}}"
data-minimo="{{ catmod.minimo }}"
data-limite="{{ catmod.limite }}"
data-multi="{{ catmod.multiselec }}">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{key}}" aria-expanded="true" aria-controls="collapse{{key}}">
{{ catmod.mcdescrip }}
<span class="badge bg-info rounded-pill mx-1">limite: {{ catmod.limite }}</span>
<span class="badge bg-info rounded-pill mx-1">min: {{ catmod.minimo }}</span>
<span class="badge bg-info rounded-pill mx-1">multi: {{ catmod.multiselec }}</span>
{# <span class="badge bg-primary rounded-pill">auto: {% if not catmod.auto %}T{% else %}F{% endif %}</span> #}
</button>
</h2>
<div id="collapse{{key}}" class="accordion-collapse collapse" aria-labelledby="heading{{key}}" data-bs-parent="#accordionArticulos">
<div class="accordion-body">
{% if mods is defined %}
{% for item in mods[key] %}
<button type="button" class="btn btn-outline-dark btn-sm my-1 p-1"
data-mod={{ item|json_encode|e('html_attr') }}
data-name="{{ item.descripcion }}"
data-price="{{ item.incprecio }}"
data-action="content-loader#selectProd"
data-cod="{{ item.codarticulo }}"
data-modcab="{{ catmod.codmodificador }}"
>
{{ item.descripcion }} ${{ item.incprecio }}
</button>
{% endfor %}
{# </br> #}
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
{% endif %}
<template id="productrow">
<li class="list-group-item d-flex justify-content-between lh-sm articuloschild">
<div class="flex-fill">
<h6 class="my-0 ms-4">
<span class="productdescrip"></span>
<button class="btn btn-light btn-sm" data-action="content-loader#deleteProd">
<i class="bi bi-trash text-danger" style="font-size: 0.7rem;"></i>
</button>
</h6>
</div>
<span class="text-muted productprice"></span>
</li>
</template>