{% for group in parentGroup.children %}
{% if group.onlineStoreEnabled|default(0) %}
<div id="accordion_{{group.id}}" class="myaccordion">
{% if group.children|length > 0 %}
<div class="card">
<div class="card-header p-0" id="heading_{{group.id}}">
<div class="d-flex align-items-center justify-content-center">
<a href="#" class="btn btn-link collapsed link-accordion ff-os-regular fs-16 ct-darkgray" data-group-id="{{ group.id }}" aria-expanded="false" aria-controls="collapse_{{group.id}}">
{{ group.name }}
</a>
<span class="link fa-xs fa-pointer ct-darkgray" data-toggle="collapse" data-target="#collapse_{{group.id}}">
<i class="fas fa-plus icon"></i>
</span>
</div>
</div>
<div id="collapse_{{group.id}}" class="collapse" aria-labelledby="heading_{{group.id}}" data-parent="#accordion_{{group.id}}">
<div class="card-body p-0">
<ul class="card-list-content">
{% include "app/OnlineStore/_childs.html.twig" with {
'parentGroup': group
}%}
</ul>
</div>
</div>
</div>
{% else %}
<div class="card">
<div class="card-header p-0" id="heading_{{group.id}}">
<a href="#" class="d-flex align-items-center justify-content-between collapsed link-accordion ff-os-regular fs-16 ct-darkgray" data-toggle="collapse" data-target="#collapse_{{group.id}}" data-group-id="{{ group.id }}" aria-expanded="false" aria-controls="collapse_{{group.id}}">
{{group.name}}
<!-- <span class="fa-xs">
<i class="fas fa-plus icon"></i>
</span> -->
</a>
</div>
</div>
{% endif %}
</div>
{% endif %}
{% endfor %}