{% extends "base.html" %}

{% block title %}Manifest {{ manifest.manifest_number }} - LSMC Atlas{% endblock %}

{% block content %}
<div class="container">
    <div class="page-header">
        <div class="header-content">
            <div>
                <h1>Manifest {{ manifest.manifest_number }}</h1>
                <p class="subtitle">{{ manifest.items_count }} items</p>
            </div>
            <div class="header-actions">
                <a href="/manifests" class="btn btn-secondary">Back to List</a>
            </div>
        </div>
    </div>

    <div class="detail-grid">
        <!-- Manifest Details -->
        <div class="detail-section">
            <h2>Manifest Details</h2>
            <dl class="detail-list">
                <dt>Manifest Number:</dt>
                <dd>{{ manifest.manifest_number }}</dd>

                <dt>Items Count:</dt>
                <dd>{{ manifest.items_count }}</dd>

                {% if manifest.shipment_id %}
                <dt>Shipment:</dt>
                <dd>
                    <a href="/shipments/{{ manifest.shipment_id }}" class="link-primary">
                        {{ manifest.shipment_number or manifest.shipment_id }}
                    </a>
                </dd>
                {% endif %}

                <dt>Created:</dt>
                <dd>{{ manifest.created_at | format_dt(user_preferences) }}</dd>

                <dt>Created By:</dt>
                <dd>{{ manifest.created_by_name or manifest.created_by or '-' }}</dd>
            </dl>
        </div>

        <!-- Manifest Items -->
        <div class="detail-section full-width">
            <h2>Manifest Items</h2>
            {% if manifest_items %}
            <div class="table-container">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Specimen Barcode</th>
                            <th>Type</th>
                            <th>Patient ID</th>
                            <th>TRF EUID</th>
                            <th>Collection Date</th>
                            <th>Notes</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in manifest_items %}
                        <tr>
                            <td>
                                {{ item.specimen_barcode }}
                            </td>
                            <td>{{ item.specimen_type or '-' }}</td>
                            <td>
                                {% if item.patient_id %}
                                    <a href="/patients/{{ item.patient_id }}" class="link-secondary">
                                        {{ item.patient_id }}
                                    </a>
                                {% else %}
                                    -
                                {% endif %}
                            </td>
                            <td>
                                {% if item.trf_euid %}
                                    <a href="/trfs/{{ item.trf_euid }}" class="link-secondary">
                                        {{ item.trf_euid }}
                                    </a>
                                {% else %}
                                    -
                                {% endif %}
                            </td>
                            <td>{{ item.collection_date or '-' }}</td>
                            <td>{{ item.notes or '-' }}</td>
                            <td>
                                <span class="badge badge-secondary">Imported</span>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <p class="text-muted">No items in this manifest</p>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}