{% extends "base.html" %}
{% block title %}{{ pkg_name }} v{{ pkg_version }} — GuardDog Nexus{% endblock %}
{% block breadcrumbs %}
<div class="breadcrumbs">
    <a href="/">Home</a>
    <span class="separator">/</span>
    <a href="/packages">Packages</a>
    <span class="separator">/</span>
    <span>{{ pkg_name }} v{{ pkg_version }}</span>
</div>
{% endblock %}
{% block content %}
<h1>{{ pkg_name }} <small>v{{ pkg_version }}</small></h1>

<article class="scan-info-block">
    <h2>Scans ({{ scans|length }})</h2>
    <table class="compact">
        <thead>
            <tr><th>ID</th><th>Repo</th><th>Status</th><th>Findings</th><th>Time</th></tr>
        </thead>
        <tbody>
        {% for s in scans %}
            <tr>
                <td><a href="/scans/{{ s.id }}">#{{ s.id }}</a></td>
                <td>{{ s.repository }}</td>
                <td>
                    {% if s.status == 'scanning' %}<span class="status-scanning"><span class="spinner"></span>scanning</span>{% else %}<span class="status-{{ s.status }}">{{ s.status }}</span>{% endif %}
                </td>
                <td>{% if s.flagged %}<span class="flagged">{{ s.total_findings }}</span>{% else %}<span class="clean">0</span>{% endif %}</td>
                <td>{{ s.started_at.strftime('%Y-%m-%d %H:%M') if s.started_at }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</article>

<h2 style="margin-bottom: 0.75rem;">Findings ({{ findings|length }})</h2>

{% if findings %}
    <div id="findings-container">
    {% for f in findings %}
    <div class="finding-block finding-{{ f.data.severity|lower }}">
        <div class="finding-summary">
            <strong class="severity-{{ f.data.severity }}">[{{ f.data.severity }}]</strong>
            <strong>{{ f.data.rule }}</strong>
            {% if f.data.location %}<small> @ {{ f.data.location }}</small>{% endif %}
        </div>
        <div class="finding-body">
            <p>{{ f.data.message }}</p>
            {% if f.data.code %}
            <div class="code-toolbar">
                <button class="copy-btn" onclick="copyCode(this, 'code-{{ f.id }}')">Copy</button>
            </div>
            <pre><code id="code-{{ f.id }}">{{ f.data.code }}</code></pre>
            {% endif %}

            {% if f.report %}
            <div class="llm-report llm-{{ f.report.verdict }}">
                <div class="llm-header">
                    <span class="llm-badge llm-badge-{{ f.report.verdict }}">{{ f.report.verdict }}</span>
                    {% if f.report.severity_rating %}
                    <span class="llm-severity">{{ f.report.severity_rating }}</span>
                    {% endif %}
                </div>
                <p class="llm-summary">{{ f.report.summary }}</p>
                <p class="llm-analysis">{{ f.report.analysis }}</p>
                <p class="llm-disclaimer">⚠ AI-generated analysis — may contain inaccuracies.</p>
            </div>
            {% else %}
            <div class="llm-actions" id="llm-{{ f.id }}">
                <button class="outline"
                    hx-post="/api/v1/findings/{{ f.id }}/analyze"
                    hx-target="#llm-{{ f.id }}"
                    hx-swap="outerHTML"
                    hx-indicator="#llm-spinner-{{ f.id }}">
                    <span id="llm-spinner-{{ f.id }}" class="htmx-indicator" style="display:none;">
                        <span class="spinner"></span>
                    </span>
                    Analyze with LLM
                </button>
            </div>
            {% endif %}
        </div>
    </div>
    {% endfor %}
    </div>
{% else %}
    <p class="empty-state">No findings — package looks clean.</p>
{% endif %}
{% endblock %}