{# Chapters — Bootstrap accordion #}
{% macro render_chapters(index, content, level) %}
{% set to_remove = '`,~,!,@,#,$,%,^,&,*,(,),_,-,=,+,[,{,],},\\,|,;,:,\',<,>,.'.split(',') %}
{% set index_tag = index.title | default("") | replace(" ", "") | replace(",", "") | replace('"', "") %}
{% for rem in to_remove %}
{% set index_tag = index_tag | replace(rem, "") %}
{% endfor %}
<div class="shadow accordion accordion-flush px-0" id="accordion-{{ level }}-{{ index_tag }}">
    {% for chapter in content %}
    {% set tag = chapter.title | default("") | replace(" ", "") | replace(",", "") | replace('"', "") %}
    {% for rem in to_remove %}
    {% set tag = tag | replace(rem, "") %}
    {% endfor %}
    <div class="accordion-item px-0" style="position: relative;">
        <h{{ level }}
        class="accordion-header"
        id="heading-{{ level }}-{{ index_tag }}-{{ tag }}">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                data-bs-target="#collapse-{{ level }}-{{ index_tag }}-{{ tag }}"
                aria-expanded="false" aria-controls="collapse-{{ level }}-{{ index_tag }}-{{ tag }}"
            {% if chapter | length <= 1 %}disabled{% endif %}
        >
        <span>{{ chapter.title }}</span>
        </button>
        </h{{ level }}>
        <div id="collapse-{{ level }}-{{ index_tag }}-{{ tag }}" class="accordion-collapse collapse"
             aria-labelledby="heading-{{ level }}-{{ index_tag }}-{{ tag }}">
            <div class="accordion-body py-0 m-0 border-box px-3 container-fluid rounded">
                {# Chapter children are already rendered by the renderer #}
                {% for key, value in chapter.items() if key != "title" %}
                    {% if value is string %}
                        {{ value }}
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% endmacro %}