{% if pages %}<div class="container"><div class="cat-block-wrapper">{% for index, group in pages %}<div id="cat-item-{{ groups[group.node.cid] }}" class="cat-block"><div class="cat-logo"><img alt="{{ group.node.label }}" src="/image/categories/{{ groups[group.node.cid] }}.svg"></div><h2 class="cat-block-title title">{{ group.node.label }}</h2><p class="summary">{{ group.node.description }}</p><button type="button" class="more" data-toggle="modal" data-target="#cat-list-{{ groups[group.node.cid] }}">En savoir +</button><div id="cat-list-{{ groups[group.node.cid] }}" class="cat-list modal fade" role="dialog"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><img alt="{{ group.node.label }}" src="/image/categories/{{ groups[group.node.cid] }}.svg"><a class="modal-title" href="{{ path('public_page', {url: group.node.url}) }}">{{ group.node.label }}</a></div><div class="modal-body row"><ul class="cat-block-list col-sm-6">{% for page in group.children %}<li><a href="{{ path('public_page', {url: page.node.url}) }}">{% if index == 0 %}{# because of web directory complaints/threats #}{{ page.node.label|replace({'Diagnostic': ''})|trim|ucfirst }}{% else %}{{ page.node.label }}{% endif %}</a></li>{% if loop.index == (group.children|length / 2)|number_format %}</ul><ul class="cat-block-list col-sm-6">{% endif %}{% endfor %}</ul></div></div></div></div></div>{% endfor %}</div></div>{% endif %}