{% trans_default_domain 'front_default' %}

<div class="accordion" id="search-accordion-results-{{ search.id }}">

    {% for categoryName, categoryResults in pageResults.items %}

        <div class="card">

            <div class="card-header" id="search-heading-{{ loop.index }}">
                <h3 class="card-title mb-0">
                    <span class="cursor d-inline-block"
                          data-toggle="collapse"
                          data-target="#search-collapse-{{ loop.index }}"
                          aria-expanded="{% if loop.first %}true{% else %}false{% endif %}"
                          aria-controls="search-collapse-{{ loop.index }}">
                        <strong class="count badge badge-primary float-left mr-3">{{ categoryResults|length }}</strong>{{ categoryName }}
                    </span>
                </h3>
            </div>

            <div id="search-collapse-{{ loop.index }}"
                 class="collapse{% if loop.first %} show{% endif %}"
                 aria-labelledby="search-heading-{{ loop.index }}"
                 data-parent="#search-accordion-results-{{ search.id }}">
                <div class="card-body">
                    {% for keyname, result in categoryResults %}
                        {% include 'front/' ~ websiteTemplate ~ '/actions/search/include/result.html.twig' %}
                        {% if not loop.last %}
                            <hr>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>

        </div>

    {% endfor %}

</div>