{# 
  Reusable component to display talk feedback with scales and free-text.
  
  Required variables:
  - talk: The Talk object
  - event: The Event object
  - feedback_data: Dict with keys:
      - interesting: {1: count, 2: count, 3: count, 4: count}
      - mastery: {1: count, 2: count, 3: count, 4: count}
      - questions: {1: count, 2: count, 3: count, 4: count}
      - material: {1: count, 2: count, 3: count, 4: count}
      - good: [list of text]
      - improvements: [list of text]
      - free_text: [list of text]
  - chart_prefix: String prefix for chart IDs (e.g., 'talk-123')
  
  Optional variables:
  - show_links: Boolean, default True. Set to False to hide links (for public pages)
#}
{% set show_links = show_links if show_links is defined else True %}

{# Helper macro for scale table #}
{% macro scale_table(counts) %}
{% set scale_labels = {
    1: 'auf jeden Fall',
    2: 'eher ja',
    3: 'eher nein',
    4: 'auf keinen Fall'
} %}
<table class="table table-sm table-bordered mb-0">
    <thead>
        <tr>
            <th>Antwort</th>
            <th class="text-end">Anzahl</th>
        </tr>
    </thead>
    <tbody>
        {% for scale in [1, 2, 3, 4] %}
        <tr>
            <td>{{ scale_labels[scale] }}</td>
            <td class="text-end">{{ counts[scale] }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endmacro %}

<div class="card mb-4" id="talk-{{ talk.id }}">
    <div class="card-header bg-light">
        <div class="row align-items-center">
            <div class="col-md-8">
                <h3 class="h5 mb-1">
                    {% if show_links %}
                        {% include 'components/talk_link.html' %}
                    {% else %}
                        {{ talk.title }}
                    {% endif %}
                </h3>
                <div class="small">
                    {% if talk.speakers_m2m %}
                        <strong>Speaker:</strong>
                        {% for speaker in talk.speakers_m2m %}
                            {% if show_links %}
                                {% include 'components/speaker_link.html' %}{% if not loop.last %}, {% endif %}
                            {% else %}
                                {{ speaker.name }}{% if not loop.last %}, {% endif %}
                            {% endif %}
                        {% endfor %}
                        <br>
                    {% endif %}
                    {% if talk.room %}<strong>Raum:</strong> {{ talk.room }} {% endif %}
                    {% if talk.duration_minutes %}<strong>Dauer:</strong> {{ talk.duration_minutes }} min{% endif %}
                    {% set people_count = talk.people_counts.first() %}
                    {% if people_count %}<br><strong>Anzahl Teilnehmer:</strong> {{ people_count.count }}{% endif %}
                </div>
            </div>
        </div>
    </div>
    
    <div class="card-body">
        {# Show feedback count if available #}
        {% if feedback_data.feedback_count %}
        <div class="alert alert-info mb-3">
            <strong>Anzahl ausgefüllter Feedbackbögen:</strong> {{ feedback_data.feedback_count }}
        </div>
        {% endif %}
        
        {# Scale feedback #}
        {% set has_scales = feedback_data.interesting[1] + feedback_data.interesting[2] + feedback_data.interesting[3] + feedback_data.interesting[4] > 0 
                         or feedback_data.mastery[1] + feedback_data.mastery[2] + feedback_data.mastery[3] + feedback_data.mastery[4] > 0
                         or feedback_data.questions[1] + feedback_data.questions[2] + feedback_data.questions[3] + feedback_data.questions[4] > 0
                         or feedback_data.material[1] + feedback_data.material[2] + feedback_data.material[3] + feedback_data.material[4] > 0 %}
        
        {% if has_scales %}
        <h4 class="h6 mb-3">Bewertungen</h4>
        <div class="row g-3 mb-4">
            {% if feedback_data.interesting[1] + feedback_data.interesting[2] + feedback_data.interesting[3] + feedback_data.interesting[4] > 0 %}
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">War der Vortrag interessant?</div>
                    <div class="card-body">
                        <canvas id="chart-{{ chart_prefix }}-interesting" height="150"></canvas>
                    </div>
                    <div class="card-footer p-0">
                        {{ scale_table(feedback_data.interesting) }}
                    </div>
                </div>
            </div>
            {% endif %}
            
            {% if feedback_data.mastery[1] + feedback_data.mastery[2] + feedback_data.mastery[3] + feedback_data.mastery[4] > 0 %}
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">Hat der Vortragende das Thema beherrscht?</div>
                    <div class="card-body">
                        <canvas id="chart-{{ chart_prefix }}-mastery" height="150"></canvas>
                    </div>
                    <div class="card-footer p-0">
                        {{ scale_table(feedback_data.mastery) }}
                    </div>
                </div>
            </div>
            {% endif %}
            
            {% if feedback_data.questions[1] + feedback_data.questions[2] + feedback_data.questions[3] + feedback_data.questions[4] > 0 %}
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">Konnten Fragen beantwortet werden?</div>
                    <div class="card-body">
                        <canvas id="chart-{{ chart_prefix }}-questions" height="150"></canvas>
                    </div>
                    <div class="card-footer p-0">
                        {{ scale_table(feedback_data.questions) }}
                    </div>
                </div>
            </div>
            {% endif %}
            
            {% if feedback_data.material[1] + feedback_data.material[2] + feedback_data.material[3] + feedback_data.material[4] > 0 %}
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">War das Material (Folien u.ä.) ansprechend?</div>
                    <div class="card-body">
                        <canvas id="chart-{{ chart_prefix }}-material" height="150"></canvas>
                    </div>
                    <div class="card-footer p-0">
                        {{ scale_table(feedback_data.material) }}
                    </div>
                </div>
            </div>
            {% endif %}
        </div>
        {% endif %}
        
        {# Free-text feedback #}
        {% if feedback_data.good or feedback_data.improvements or feedback_data.free_text %}
        <h4 class="h6 mb-3">Freitext-Antworten</h4>
        
        {% if feedback_data.good %}
        <div class="mb-3">
            <strong>Besonders gut gefallen:</strong>
            <div class="mt-2">
            {% for text in feedback_data.good %}
                <div class="mb-2 pb-2" style="border-bottom: 1px solid #dee2e6; white-space: pre-wrap;">{{ text }}</div>
            {% endfor %}
            </div>
        </div>
        {% endif %}

        {% if feedback_data.improvements %}
        <div class="mb-3">
            <strong>Verbesserungsvorschläge:</strong>
            <div class="mt-2">
            {% for text in feedback_data.improvements %}
                <div class="mb-2 pb-2" style="border-bottom: 1px solid #dee2e6; white-space: pre-wrap;">{{ text }}</div>
            {% endfor %}
            </div>
        </div>
        {% endif %}

        {% if feedback_data.free_text %}
        <div class="mb-3">
            <strong>Freitext:</strong>
            <div class="mt-2">
            {% for text in feedback_data.free_text %}
                <div class="mb-2 pb-2" style="border-bottom: 1px solid #dee2e6; white-space: pre-wrap;">{{ text }}</div>
            {% endfor %}
            </div>
        </div>
        {% endif %}
        {% endif %}
        
        {# Show message if no feedback #}
        {% if not has_scales and not feedback_data.good and not feedback_data.improvements and not feedback_data.free_text %}
        <p class="text-muted">Noch kein Feedback für diesen Talk vorhanden.</p>
        {% endif %}
    </div>
</div>