{# Component for table of contents in feedback results #}
{# Expects: current_submission_data, talk_feedback_by_talk #}

{# Table of Contents #}
<div class="mb-4">
    <h2 class="h5">
        <a href="#toc-content" data-bs-toggle="collapse" aria-expanded="true" aria-controls="toc-content" class="text-decoration-none text-dark">
            Inhaltsverzeichnis <i class="bi bi-chevron-down"></i>
        </a>
    </h2>
    <div class="collapse show" id="toc-content">
        <div class="mb-3">
            <strong>Event</strong>
            <ul>
                {% if current_submission_data.data %}
                <li><a href="#section-einreichungen">Einreichungen</a></li>
                {% endif %}
                <li><a href="#section-feedback-count">Feedback</a></li>
            </ul>
        </div>
        <div>
            <strong>Talks</strong>
            {% if talk_feedback_by_talk %}
            <ul>
                {% for talk_id, bucket in talk_feedback_by_talk.items() %}
                <li><a href="#talk-{{ talk_id }}">{{ bucket.talk.title }}</a></li>
                {% endfor %}
            </ul>
            {% else %}
            <p class="text-muted mb-0">Kein Talk-Feedback vorhanden</p>
            {% endif %}
        </div>
    </div>
</div>