{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('app-group-index') }}
{% endblock %}
{% block page_container %}
<div class="page-wrapper section-content-group">
{% include 'app/base/breadcrumb.html.twig' with {'group': group, 'fontSize': '16'} %}
</div>
<section class="page-wrapper">
{% if group|default(0) %}
<article class="group-index h-auto">
{% if products|default(0) %}
<section class="group-product-cards col-sm-12 pl-0 pr-0 {% if not is_mobile() %}row{% endif %} ">
{% include 'app/Group/products.html.twig' with {"products": products, "group": group} %}
</section>
{% elseif group.children|default(0) %}
<section class="group-cards col-sm-12 col-xs-12 pl-0 pr-0">
{% include 'app/Group/children.html.twig' with {"groups": group.children} %}
</section>
{% else %}
<div class="group-box">
<div class="group-content">
<h2 class="ff-os-regular ct-blue group-empty">{{ "group.empty"|trans }}</h2>
</div>
</div>
{% endif %}
</article>
{% else %}
<div class="group-box">
<div class="group-content">
<h2 class="ff-os-regular ct-blue group-empty">{{ "group.empty"|trans }}</h2>
</div>
</div>
{% endif %}
</section>
{% endblock %}