{# Component for displaying event information card in feedback results #}
{# Expects: event, event_feedback_count, total_talks, regular_talks_count, lightning_talks_count, total_talk_feedback #}

{# Event header with image #}
{% if event.image_path %}
<div class="mb-4" style="width: 100%; max-height: 250px; overflow: hidden;">
    <img src="{{ url_for('uploads.uploaded_event_file', filename=event.image_path) }}" 
         alt="{{ event.name }}" 
         class="w-100" 
         style="object-fit: cover; max-height: 250px;">
</div>
{% endif %}

<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h3 mb-0">Auswertung für: {{ event.name }}</h1>
    <a href="{{ url_for('pdf_export.export_feedback_pdfs', event_id=event.id) }}" class="btn btn-success btn-sm">
        <i class="bi bi-file-earmark-pdf"></i> PDF Export (ZIP)
    </a>
</div>

{# Event Information Card #}
<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">Event-Informationen</h5>
        <div class="row">
            <div class="col-md-6">
                <dl class="row mb-0">
                    <dt class="col-sm-4">Name:</dt>
                    <dd class="col-sm-8">{{ event.name }}</dd>
                    
                    {% if event.start or event.end %}
                    <dt class="col-sm-4">Datum:</dt>
                    <dd class="col-sm-8">
                        {% if event.start and event.end %}
                            {{ event.start.strftime('%d.%m.%Y') }} – {{ event.end.strftime('%d.%m.%Y') }}
                        {% elif event.start %}
                            {{ event.start.strftime('%d.%m.%Y') }}
                        {% endif %}
                    </dd>
                    {% endif %}
                    
                    {% if event.base_url %}
                    <dt class="col-sm-4">FRAB:</dt>
                    <dd class="col-sm-8"><a href="{{ event.base_url }}" target="_blank">{{ event.base_url }}</a></dd>
                    {% endif %}
                </dl>
            </div>
            <div class="col-md-6">
                <dl class="row mb-0">
                    <dt class="col-sm-6">Event-Feedback:</dt>
                    <dd class="col-sm-6"><strong>{{ event_feedback_count }}</strong> Einträge</dd>
                    
                    <dt class="col-sm-6">Talks gesamt:</dt>
                    <dd class="col-sm-6">
                        <strong>{{ total_talks }}</strong>
                        {% if lightning_talks_count > 0 %}
                            ({{ regular_talks_count }} Talks, {{ lightning_talks_count }} Lightning Talks)
                        {% endif %}
                    </dd>
                    
                    <dt class="col-sm-6">Feedback-Einträge für Talks:</dt>
                    <dd class="col-sm-6"><strong>{{ total_talk_feedback }}</strong> Einträge</dd>
                </dl>
            </div>
        </div>
    </div>
</div>