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

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

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Results</h1>
        <p class="page-subtitle">View and download released reports and data</p>
    </div>
    <div class="flex gap-md">
        <a href="/results-sets" class="btn btn-secondary">View Results Sets</a>
        {% if current_user and current_user.is_internal %}
        <a href="/results/create" class="btn btn-primary">+ Create Release Package</a>
        {% endif %}
    </div>
</div>

<div class="card">
    <div class="card-header">
        <div class="flex gap-md items-center">
            <input type="search" class="form-input" style="width: 300px;" placeholder="Search by TRF EUID...">
        </div>
        <span class="text-muted text-sm">{{ releases|length }} release packages</span>
    </div>
    
    {% if releases %}
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Package #</th>
                    <th>EUID</th>
                    <th>TRF</th>
                    <th>Type</th>
                    <th>Artifacts</th>
                    <th>Status</th>
                    <th>Released</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for release in releases %}
                <tr>
                    <td>
                        <a href="/results/{{ release.package_number }}" class="text-mono">{{ release.package_number }}</a>
                    </td>
                    <td><a class="text-mono text-sm" href="/tapdb/object/{{ release.id }}">{{ release.id }}</a></td>
                    <td>
                        {% if release.order_number %}
                        <a href="/trfs/{{ release.order_number }}" class="text-mono">{{ release.order_number }}</a>
                        {% else %}
                        —
                        {% endif %}
                    </td>
                    <td>
                        <span class="text-sm">{{ release.release_type }}</span>
                    </td>
                    <td>{{ release.artifact_count }} file{{ 's' if release.artifact_count != 1 }}</td>
                    <td>
                        <span class="status-pill status-{{ release.status|lower }}">{{ release.status }}</span>
                    </td>
                    <td class="text-muted text-sm">{{ release.released_at or "—" }}</td>
                    <td>
                        <a href="/results/{{ release.package_number }}" class="btn btn-sm btn-secondary">View</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
        <div class="empty-state">
            <div class="empty-state-icon">📊</div>
            <p>No results available yet</p>
            <p class="text-sm text-muted mt-sm">Results will appear here once TRFs are completed</p>
        </div>
    {% endif %}
</div>
{% endblock %}