{% extends "base.html" %}
{% set active_nav = "patients" %}

{% block title %}Collection Events - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Collection Events</h1>
        <p class="page-subtitle">Patient-linked specimen collection records for Bloom tubes</p>
    </div>
</div>

<div class="card">
    <div class="card-body">
        {% if collection_events %}
        <div class="table-container">
            <table class="table">
                <thead>
                    <tr>
                        <th>Event</th>
                        <th>Patient</th>
                        <th>Tube</th>
                        <th>Site</th>
                        <th>Collected</th>
                        <th>Type</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% for event in collection_events %}
                    <tr>
                        <td><a href="/collection-events/{{ event.id }}" class="text-mono">{{ event.id }}</a></td>
                        <td><a href="/patients/{{ event.patient_euid }}" class="text-mono">{{ event.patient_euid }}</a></td>
                        <td><a href="/tubes/{{ event.container_euid }}" class="text-mono">{{ event.container_euid }}</a></td>
                        <td>{{ event.site_name or event.site_euid }}</td>
                        <td>{{ event.collected_at or "—" }}</td>
                        <td>{{ event.collection_type or "—" }}</td>
                        <td><a href="/collection-events/{{ event.id }}" class="btn btn-sm btn-ghost">Open</a></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <p class="text-muted">No collection events exist in this tenant yet.</p>
        {% endif %}
    </div>
</div>
{% endblock %}