{% from "partials/guidance_block.html" import render_guidance_block %}

{% if ipi_guidance %}
{# ===== Run results playbook mode ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Deployment Playbook
    </h3>
</div>

{% for block in ipi_guidance.blocks %}
    {{ render_guidance_block(block) }}
{% endfor %}

{# ===== Hit Feed Section ===== #}
<div class="divider"></div>
<section class="guidance-block mb-6">
    <h4 class="text-sm font-semibold uppercase tracking-wider text-base-content/60 mb-3">Hit Feed</h4>
    <div class="overflow-x-auto">
        <table class="table table-xs" id="ipi-hit-feed">
            <thead>
                <tr>
                    <th>Timestamp</th>
                    <th>Campaign</th>
                    <th>Confidence</th>
                    <th>Source IP</th>
                    <th>Token</th>
                </tr>
            </thead>
            <tbody id="ipi-hit-feed-body">
            {% if ipi_hits %}
                {% for h in ipi_hits %}
                <tr data-hit-id="{{ h.id }}">
                    <td class="text-xs opacity-50">{{ h.timestamp }}</td>
                    <td class="font-mono text-xs">{{ h.uuid[:8] }}...</td>
                    <td>
                        {% set conf = h.confidence|string|upper %}
                        {% if conf in ("2", "HIGH") %}
                        <span class="badge badge-xs badge-success">HIGH</span>
                        {% elif conf in ("1", "MEDIUM") %}
                        <span class="badge badge-xs badge-warning">MEDIUM</span>
                        {% else %}
                        <span class="badge badge-xs badge-error">LOW</span>
                        {% endif %}
                    </td>
                    <td class="text-xs">{{ h.source_ip }}</td>
                    <td>
                        {% if h.token_valid %}
                        <span class="badge badge-xs badge-success">valid</span>
                        {% else %}
                        <span class="badge badge-xs badge-ghost">missing</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            {% endif %}
            </tbody>
        </table>
        {% if not ipi_hits %}
        <p class="text-sm opacity-50 mt-2" id="ipi-no-hits-msg">No callback hits yet. Deploy payloads and issue a trigger prompt to generate activity.</p>
        {% endif %}
    </div>
</section>

{% elif campaigns is defined %}
{# ===== Standalone campaign summary mode ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Indirect Prompt Injection
    </h3>
    <button class="btn btn-xs btn-outline btn-secondary"
            hx-get="/api/ipi/campaigns"
            hx-target="#tab-ipi"
            hx-swap="innerHTML">Refresh</button>
</div>

<div class="stats stats-horizontal shadow mb-4">
    <div class="stat">
        <div class="stat-title">Campaigns</div>
        <div class="stat-value text-lg">{{ campaigns|length }}</div>
    </div>
    <div class="stat">
        <div class="stat-title">Total Hits</div>
        <div class="stat-value text-lg">{{ total_hits }}</div>
    </div>
    <div class="stat">
        <div class="stat-title">High Confidence</div>
        <div class="stat-value text-lg text-success">{{ high_hits }}</div>
    </div>
</div>

{% if campaigns %}
<table class="table table-xs">
    <thead>
        <tr>
            <th>UUID</th>
            <th>Format</th>
            <th>Technique</th>
            <th>Hits</th>
            <th>Created</th>
        </tr>
    </thead>
    <tbody>
    {% for c in campaigns %}
        <tr>
            <td class="font-mono text-xs">{{ c.uuid[:8] }}...</td>
            <td><span class="badge badge-sm">{{ c.format }}</span></td>
            <td><span class="badge badge-sm badge-outline">{{ c.technique }}</span></td>
            <td>{{ c.hit_count }}</td>
            <td class="text-xs opacity-50">{{ c.created_at }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% else %}
<p class="text-sm opacity-50">No IPI campaigns. Run <code>qai ipi generate</code> to create payloads.</p>
{% endif %}

{% if listener_hint %}
<p class="text-xs opacity-40 mt-4">Full dashboard: <code>qai ipi listen --port 8080</code></p>
{% endif %}

{% elif no_guidance_available is defined and no_guidance_available %}
{# ===== Legacy run with no guidance ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Indirect Prompt Injection
    </h3>
</div>
<p class="text-sm opacity-40 italic">No deployment guidance available (generated before this version).</p>

{% else %}
{# ===== Loading state ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Indirect Prompt Injection
    </h3>
    <button class="btn btn-xs btn-outline btn-secondary"
            hx-get="/api/ipi/campaigns"
            hx-target="#tab-ipi"
            hx-swap="innerHTML">Load</button>
</div>
<p class="text-sm opacity-50">Click Load to view IPI campaigns and hits.</p>
{% endif %}