{% if results %}
<div class="p-3 bg-base-200 rounded-box">
    <table class="table table-xs">
        <thead>
            <tr>
                <th>Repository</th>
                <th>Branch</th>
                <th>Status</th>
                <th>Output</th>
            </tr>
        </thead>
        <tbody>
            {% for r in results %}
            <tr class="hover">
                <td class="font-medium">
                    {% if r.repo_full_name == "(global)" %}
                    <span class="text-sm opacity-40">None</span>
                    {% else %}
                    <a href="/repo/{{ r.repo_full_name }}" class="link link-hover text-sm">{{ r.repo_full_name }}</a>
                    {% endif %}
                </td>
                <td><span class="badge badge-ghost badge-xs">{{ r.branch }}</span></td>
                <td>
                    {% if r.passed %}
                    <span class="badge badge-success badge-xs gap-1"><i class="fa-solid fa-check"></i> pass</span>
                    {% else %}
                    <span class="badge badge-error badge-xs gap-1"><i class="fa-solid fa-xmark"></i> fail</span>
                    {% endif %}
                </td>
                <td>
                    {% if r.output and r.output.strip() %}
                    <button class="btn btn-ghost btn-xs"
                            onclick="var el = this.closest('tr').nextElementSibling.querySelector('.action-output'); el.classList.toggle('hidden');">
                        Output
                    </button>
                    {% else %}
                    <span class="text-xs opacity-40">—</span>
                    {% endif %}
                </td>
            </tr>
            {% if r.output and r.output.strip() %}
            <tr>
                <td colspan="4" class="p-0">
                    <div class="action-output hidden">
                        <pre class="text-xs whitespace-pre-wrap bg-neutral text-neutral-content p-3 rounded-box mt-1 mb-1 max-h-64 overflow-y-auto font-mono">{{ r.output }}</pre>
                    </div>
                </td>
            </tr>
            {% else %}
            <tr class="hidden"><td colspan="4"></td></tr>
            {% endif %}
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="p-3 text-sm opacity-50 text-center">No per-repo results available for run #{{ run_id }}.</div>
{% endif %}