{% extends "base.html" %}

{% block title %}Manifests - LSMC Atlas{% endblock %}

{% block content %}
<div class="container">
    <div class="page-header">
        <div class="header-content">
            <div>
                <h1>Manifests</h1>
                <p class="subtitle">Uploaded specimen manifests</p>
            </div>
            <div class="header-actions">
                <a href="/manifests/upload" class="btn btn-primary">Upload Manifest</a>
            </div>
        </div>
    </div>

    {% if manifests %}
    <div class="table-container">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Manifest #</th>
                    <th>EUID</th>
                    <th>Items</th>
                    <th>Shipment</th>
                    <th>Created</th>
                    <th>Created By</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for manifest in manifests %}
                <tr>
                    <td>
                        <a href="/manifests/{{ manifest.manifest_number }}" class="link-primary">
                            {{ manifest.manifest_number }}
                        </a>
                    </td>
                    <td><a class="text-mono text-sm" href="/tapdb/object/{{ manifest.id }}">{{ manifest.id }}</a></td>
                    <td>{{ manifest.items_count }}</td>
                    <td>
                        {% if manifest.shipment_id %}
                            <a href="/shipments/{{ manifest.shipment_id }}" class="link-secondary">
                                {{ manifest.shipment_number or manifest.shipment_id }}
                            </a>
                        {% else %}
                            -
                        {% endif %}
                    </td>
                    <td>{{ manifest.created_at | format_dt(user_preferences) }}</td>
                    <td>{{ manifest.created_by_name or manifest.created_by or '-' }}</td>
                    <td>
                        <a href="/manifests/{{ manifest.manifest_number }}" class="btn btn-sm btn-secondary">View</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="empty-state">
        <p>No manifests found.</p>
        <a href="/manifests/upload" class="btn btn-primary">Upload First Manifest</a>
    </div>
    {% endif %}
</div>
{% endblock %}