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

{% block title %}Release Bundle - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">
            Release Bundle
            {% if results_set.published_at %}
            <span class="status-pill status-released ml-md">Published</span>
            {% else %}
            <span class="status-pill status-draft ml-md">Unpublished</span>
            {% endif %}
        </h1>
        <p class="page-subtitle">
            TRF: <a href="/trfs/{{ order.order_number }}" class="text-mono">{{ order.order_number }}</a> ·
            Test: <span class="text-mono">{{ results_set.test_euid }}</span>
        </p>
    </div>
    <div class="flex gap-md">
        {% if current_user.is_internal and not results_set.published_at %}
        <form method="POST" action="/results-sets/{{ results_set.id }}/publish" style="display: inline;">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-primary">Publish Release Bundle</button>
        </form>
        {% endif %}
        <a href="/results-sets" class="btn btn-ghost">← Back</a>
    </div>
</div>

<div class="flex gap-lg">
    <div style="flex: 2;">
        <!-- Fulfillment Outputs -->
        <div class="card mb-lg">
            <div class="card-header">
                <h2 class="card-title">Fulfillment Outputs</h2>
                <span class="text-muted text-sm">{{ assays|length }} run{{ 's' if assays|length != 1 }}</span>
            </div>
            {% if assays %}
            {% for assay in assays %}
            <div class="mb-lg pb-lg" style="border-bottom: 1px solid var(--border-color);">
                <div class="flex justify-between items-center mb-md">
                    <div>
                        <strong class="text-mono">{{ assay.fulfillment_route_code }}</strong>
                        {% if assay.accession_id %}
                        <span class="text-muted text-sm ml-sm">({{ assay.accession_id }})</span>
                        {% endif %}
                    </div>
                    <span class="status-pill status-{{ assay.status|lower|replace('_', '-') }}">{{ assay.status }}</span>
                </div>
                {% if assay.result %}
                <div class="mt-md">
                    <div class="text-sm text-muted mb-sm">Result v{{ assay.result.version_no }}</div>
                    <pre style="background: var(--bg-secondary); padding: 1rem; border-radius: 4px; overflow-x: auto; font-size: 0.85rem;">{{ assay.result.payload_pretty }}</pre>
                </div>
                {% if assay.result.artifacts %}
                <div class="mt-md">
                    <div class="text-sm text-muted mb-sm">Artifacts</div>
                    <div class="flex gap-sm flex-wrap">
                        {% for artifact in assay.result.artifacts %}
                        <a href="/api/artifacts/{{ artifact.id }}/download" class="btn btn-sm btn-secondary">
                            📄 {{ artifact.filename or artifact.artifact_type }}
                        </a>
                        {% endfor %}
                    </div>
                </div>
                {% endif %}
                {% else %}
                <p class="text-muted text-sm">No result data available</p>
                {% endif %}
            </div>
            {% endfor %}
            {% else %}
            <div class="empty-state">
                <p class="text-muted">No fulfillment runs in this release bundle</p>
            </div>
            {% endif %}
        </div>
    </div>

    <div style="flex: 1;">
        <!-- Release Bundle Details Sidebar -->
        <div class="card">
            <h3 class="mb-md">Details</h3>
            <div class="mb-md">
                <div class="text-sm text-muted">Created</div>
                <div>{{ results_set.created_at | format_dt(user_preferences) }}</div>
            </div>
            {% if results_set.published_at %}
            <div class="mb-md">
                <div class="text-sm text-muted">Published</div>
                <div>{{ results_set.published_at | format_dt(user_preferences) }}</div>
            </div>
            {% if results_set.published_by %}
            <div class="mb-md">
                <div class="text-sm text-muted">Published By</div>
                <div>{{ results_set.published_by }}</div>
            </div>
            {% endif %}
            {% endif %}
            {% if results_set.note %}
            <div>
                <div class="text-sm text-muted">Notes</div>
                <div>{{ results_set.note }}</div>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}