{% extends "base.html" %}

{% block title %}{{ session.name }} - {{ 'breakout_session'|t }}{% endblock %}

{% block content %}
<div class="breakout-session-detail">
    <div class="session-header">
        <h1>{{ session.name }}</h1>
        <a href="{{ url_for('edit_breakout_session', session_id=session.id) }}" class="btn btn-outline">{{ 'edit_session'|t }}</a>
        <a href="{{ url_for('list_breakout_sessions', event_id=session.event_id) }}" class="btn btn-outline">{{ 'back_to_sessions'|t }}</a>
    </div>

    <div class="session-meta-box">
        <p><strong>{{ 'event'|t }}:</strong> {{ session.event_name }}</p>
        <p><strong>{{ 'time'|t }}:</strong> {{ session.start_time|localized_date if session.start_time else 'TBD' }} - {{ session.end_time|localized_date('%H:%M') if session.end_time else 'TBD' }}</p>
        <p><strong>{{ 'location'|t }}:</strong> {{ session.location }}</p>
        <p><strong>{{ 'capacity'|t }}:</strong>
            {% if session.max_attendees %}
                {{ rsvps|length }} / {{ session.max_attendees }}
            {% else %}
                {{ rsvps|length }} ({{ 'unlimited'|t }})
            {% endif %}
        </p>
        {% if session.description %}
            <p><strong>{{ 'description'|t }}:</strong> {{ session.description }}</p>
        {% endif %}
    </div>

    <section class="attendees-section">
        <h2>{{ 'registered_attendees'|t }}</h2>

        {% if rsvps %}
            <table class="attendees-table">
                <thead>
                    <tr>
                        <th>{{ 'name'|t }}</th>
                        <th>{{ 'email'|t }}</th>
                        <th>{{ 'organisation'|t }}</th>
                        <th>{{ 'role'|t }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for rsvp in rsvps %}
                        <tr>
                            <td>{{ rsvp.first_name }} {{ rsvp.last_name }}</td>
                            <td>{{ rsvp.email }}</td>
                            <td>{{ (rsvp.organisation)|spacify if rsvp.organisation else '-' }}</td>
                            <td>{{ (rsvp.role)|spacify if rsvp.role else '-' }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <p class="no-attendees">{{ 'no_attendees_yet'|t }}</p>
        {% endif %}
    </section>
</div>
{% endblock %}