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

{% block title %}Release {{ release.package_number }} - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">
            <span class="text-mono">{{ release.package_number }}</span>
            <span class="status-pill status-{{ release.status|lower }} ml-md">{{ release.status }}</span>
        </h1>
        <p class="page-subtitle">
            {% if release.released_at %}Released {{ release.released_at | format_dt(user_preferences) }}{% else %}Created {{ release.created_at | format_dt(user_preferences) }}{% endif %}
        </p>
    </div>
    <a href="/results" class="btn btn-ghost">← Back to Results</a>
</div>

<div class="flex gap-lg">
    <div style="flex: 2;">
        <!-- Artifacts -->
        <div class="card">
            <div class="card-header">
                <h2 class="card-title">Artifacts</h2>
                <span class="text-muted text-sm">{{ artifacts|length }} file{{ 's' if artifacts|length != 1 }}</span>
            </div>
            
            {% if artifacts %}
            <div class="table-container">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Filename</th>
                            <th>Type</th>
                            <th>Size</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for artifact in artifacts %}
                        <tr>
                            <td>
                                <div class="flex items-center gap-sm">
                                    <span class="text-xl">
                                        {% if artifact.artifact_type == 'REPORT' %}📄{% elif artifact.artifact_type == 'DATA' %}📊{% elif artifact.artifact_type == 'FASTQ' %}🧬{% else %}📁{% endif %}
                                    </span>
                                    <div>
                                        <div class="text-mono">{{ artifact.filename or "Unnamed" }}</div>
                                        <div class="text-xs text-muted">{{ artifact.mime_type or "application/octet-stream" }}</div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <span class="text-sm">{{ artifact.artifact_type }}</span>
                            </td>
                            <td class="text-sm text-muted">
                                {% if artifact.size_bytes %}
                                {{ (artifact.size_bytes / 1024 / 1024)|round(2) }} MB
                                {% else %}
                                —
                                {% endif %}
                            </td>
                            <td>
                                {% if release.status == 'RELEASED' %}
                                <a href="/results/{{ release.package_number }}/artifacts/{{ artifact.id }}/download"
                                   class="btn btn-sm btn-primary">Download</a>
                                {% else %}
                                <span class="text-muted text-sm">Pending release</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="empty-state">
                <p class="text-muted">No artifacts in this package</p>
            </div>
            {% endif %}
        </div>
    </div>

    <div style="flex: 1;">
        <!-- Release Details -->
        <div class="card mb-lg">
            <h3 class="mb-md">Release Details</h3>
            <div class="mb-md">
                <div class="text-sm text-muted">Release Type</div>
                <div>{{ release.release_type }}</div>
            </div>
            {% if order %}
            <div class="mb-md">
                <div class="text-sm text-muted">TRF</div>
                <div><a href="/trfs/{{ order.id }}" class="text-mono">{{ order.order_number }}</a></div>
            </div>
            {% endif %}
            {% if release.released_by %}
            <div class="mb-md">
                <div class="text-sm text-muted">Released By</div>
                <div>{{ release.released_by }}</div>
            </div>
            {% endif %}
            {% if release.notes %}
            <div>
                <div class="text-sm text-muted">Notes</div>
                <div>{{ release.notes }}</div>
            </div>
            {% endif %}
        </div>

        {% if release.status == 'RELEASED' and artifacts %}
        <div class="card">
            <h3 class="mb-md">Bulk Download</h3>
            <a href="/results/{{ release.package_number }}/download-all" class="btn btn-primary" style="width: 100%;">
                Download All Files
            </a>
            <p class="text-xs text-muted text-center mt-sm">ZIP archive of all artifacts</p>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}