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

{% block title %}Collection Event {{ collection_event.id }} - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Collection Event <code>{{ collection_event.id }}</code></h1>
        <p class="page-subtitle">Tube-linked patient collection record</p>
    </div>
    <div class="flex gap-md">
        {% if user.can_write %}
        <a href="/collection-events/{{ collection_event.id }}/edit" class="btn btn-secondary">Edit</a>
        {% endif %}
        <a href="/collection-events" class="btn btn-ghost">← Back to Collection Events</a>
    </div>
</div>

<div class="grid grid-cols-2 gap-lg">
    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Identity</h2>
        </div>
        <div class="card-body">
            <dl class="detail-list">
                <div class="detail-item">
                    <dt>Patient</dt>
                    <dd><a href="/patients/{{ collection_event.patient_euid }}" class="text-mono">{{ collection_event.patient_euid }}</a></dd>
                </div>
                <div class="detail-item">
                    <dt>Tube</dt>
                    <dd><a href="/tubes/{{ collection_event.container_euid }}" class="text-mono">{{ collection_event.container_euid }}</a></dd>
                </div>
                <div class="detail-item">
                    <dt>Specimen</dt>
                    <dd>{% if collection_event.specimen_euid %}<code>{{ collection_event.specimen_euid }}</code>{% else %}—{% endif %}</dd>
                </div>
                <div class="detail-item">
                    <dt>Collection Site</dt>
                    <dd>{{ collection_event.site_euid }}</dd>
                </div>
            </dl>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Collection Details</h2>
        </div>
        <div class="card-body">
            <dl class="detail-list">
                <div class="detail-item">
                    <dt>Collected At</dt>
                    <dd>{{ collection_event.collected_at or "—" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Collection Type</dt>
                    <dd>{{ collection_event.collection_type or "—" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Collected By</dt>
                    <dd>{{ collection_event.collected_by or "—" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Expected MRN</dt>
                    <dd>{{ collection_event.expected_mrn or "—" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Expected DOB</dt>
                    <dd>{{ collection_event.expected_dob or "—" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Expected Name</dt>
                    <dd>{{ collection_event.expected_name or "—" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Expected Label</dt>
                    <dd>{{ collection_event.expected_label_text or "—" }}</dd>
                </div>
            </dl>
        </div>
    </div>
</div>
{% endblock %}