{% extends 'base.html' %}

{% block title %}Talk-Übersicht – {{ talk.title }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h3 mb-0">{{ talk.title }}</h1>
</div>

{% if talk.subtitle %}
<p class="mb-4">
    <strong>{{ talk.subtitle }}</strong>
</p>
{% endif %}

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">Details</h5>
        <dl class="row">
            <dt class="col-sm-3">Event:</dt>
            <dd class="col-sm-9">
                {% if talk.event %}
                    {% include 'components/event_link.html' %}
                {% else %}
                    <em>No event assigned</em>
                {% endif %}
            </dd>

            <dt class="col-sm-3">Speaker(s):</dt>
            <dd class="col-sm-9">
                {% if talk.speakers or talk.speaker %}
                    {% if talk.speaker %}
                        {% set speaker = talk.speaker %}
                        {% include 'components/speaker_link.html' %}
                        {% if talk.speakers %}, {% endif %}
                    {% endif %}
                    {% if talk.speakers %}
                        {% for speaker in talk.speakers %}
                            {% include 'components/speaker_link.html' %}
                            {%- if not loop.last %}, {% endif -%}
                        {% endfor %}
                    {% endif %}
                {% else %}
                    <em>No speakers assigned</em>
                {% endif %}
            </dd>

            {% if talk.date %}
            <dt class="col-sm-3">Date:</dt>
            <dd class="col-sm-9">{{ talk.date.strftime('%Y-%m-%d %H:%M') }}</dd>
            {% endif %}

            {% if talk.start_time %}
            <dt class="col-sm-3">Start Time:</dt>
            <dd class="col-sm-9">{{ talk.start_time }}</dd>
            {% endif %}

            <dt class="col-sm-3">Duration:</dt>
            <dd class="col-sm-9">
                {% if talk.duration_minutes %}
                    {{ talk.duration_minutes }} minutes
                {% else %}
                    <em>Not specified</em>
                {% endif %}
            </dd>

            {% if talk.room %}
            <dt class="col-sm-3">Room:</dt>
            <dd class="col-sm-9">{{ talk.room }}</dd>
            {% endif %}

            {% if talk.language %}
            <dt class="col-sm-3">Language:</dt>
            <dd class="col-sm-9">{{ talk.language }}</dd>
            {% endif %}

            {% if talk.slug %}
            <dt class="col-sm-3">Slug:</dt>
            <dd class="col-sm-9"><code>{{ talk.slug }}</code></dd>
            {% endif %}

            {% if talk.guid %}
            <dt class="col-sm-3">GUID:</dt>
            <dd class="col-sm-9"><small class="text-muted">{{ talk.guid }}</small></dd>
            {% endif %}
        </dl>
    </div>
</div>

<div class="mb-3">
    <a href="{{ url_for('events.select_feedback_type', event_id=event.id) }}" class="btn btn-secondary btn-sm">Zurück zur Feedbackübersicht</a>
    <a href="{{ url_for('events.create_people_count', event_id=event.id, talk_id=talk.id) }}" class="btn btn-primary btn-sm">Personenzahl für diesen Talk erfassen</a>
    <a href="{{ url_for('events.new_talk_feedback', event_id=event.id, talk_id=talk.id) }}" class="btn btn-primary btn-sm">Talk-Feedback erfassen</a>
</div>

<h2 class="h5 mt-4 mb-3">Feedback</h2>

{% set chart_prefix = 'talk-' ~ talk.id %}
{% include 'components/talk_feedback_display.html' %}

<h2 class="h5 mt-4">Personenzählungen für diesen Talk</h2>

{% if counts %}
<table class="table table-sm table-hover align-middle">
    <thead>
        <tr>
            <th style="width: 90px;">Zeit</th>
            <th>Ort</th>
            <th style="width: 120px;" class="text-end">Anzahl</th>
        </tr>
    </thead>
    <tbody>
    {% for pc in counts %}
        <tr>
            <td>{{ pc.time.strftime('%H:%M') }}</td>
            <td>{{ pc.place }}</td>
            <td class="text-end">{{ pc.count }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% else %}
<p class="text-muted">Noch keine Personenzählungen für diesen Talk erfasst.</p>
<p>
    <a href="{{ url_for('events.create_people_count', event_id=event.id, talk_id=talk.id) }}" class="btn btn-primary btn-sm">Personenzahl erfassen</a>
</p>
{% endif %}

{% include 'components/imports/chartjs.html' %}
<script src="{{ url_for('static', filename='js/chart_helpers.js') }}"></script>
{% include 'components/talk_feedback_charts.html' %}
{% endblock %}