{% extends "base.html" %}
{% block title %}{{ meta.get('name', 'Agent') }}{% endblock %}
{% block content %}
<div class="page-header">
    <h1>{{ meta.get('name', 'Unknown Agent') }}</h1>
    <p>Certificate and audit trail</p>
</div>

<div class="card">
    <div class="card-header">
        <h2>Certificate</h2>
        {% if expired %}
        <span class="badge badge-red">Expired</span>
        {% else %}
        <span class="badge badge-green">Valid</span>
        {% endif %}
    </div>
    <div class="card-body">
        <dl class="detail-grid">
            <dt>Agent Name</dt>
            <dd>{{ meta.get('name', '—') }}</dd>

            <dt>Platform</dt>
            <dd>{{ meta.get('platform', '—') }}</dd>

            <dt>Model Hash</dt>
            <dd><span class="mono">{{ meta.get('model_hash', '—') }}</span></dd>

            <dt>Cert ID</dt>
            <dd>
                <span class="hash hash-full">{{ cert.cert_id }}</span>
                <button class="copy-btn" data-copy="{{ cert.cert_id }}" title="Copy">&#x2398;</button>
            </dd>

            <dt>Creator ID</dt>
            <dd>
                <span class="hash">{{ cert.creator_id[:24] }}...</span>
                <button class="copy-btn" data-copy="{{ cert.creator_id }}" title="Copy">&#x2398;</button>
            </dd>

            <dt>Agent ID</dt>
            <dd>
                <span class="hash">{{ cert.agent_id[:24] }}...</span>
                <button class="copy-btn" data-copy="{{ cert.agent_id }}" title="Copy">&#x2398;</button>
            </dd>

            <dt>Capabilities</dt>
            <dd>
                {% for cap in meta.get('capabilities', []) %}
                <span class="tag">{{ cap }}</span>
                {% endfor %}
            </dd>

            <dt>Constraints</dt>
            <dd>
                {% for con in meta.get('constraints', []) %}
                <span class="tag tag-constraint">{{ con }}</span>
                {% endfor %}
            </dd>

            <dt>Risk Tier</dt>
            <dd>
                <span class="risk-dots">
                    {% for i in range(4) %}
                    <span class="risk-dot {{ 'filled' if i < meta.get('risk_tier', 0) else '' }}"></span>
                    {% endfor %}
                    <span style="font-size: 11px; color: var(--color-text-muted); margin-left: 4px;">({{ meta.get('risk_tier', 0) }})</span>
                </span>
            </dd>

            <dt>Created</dt>
            <dd>{{ format_ts(cert.timestamp) }}</dd>

            <dt>Expires</dt>
            <dd>{{ format_ts(cert.expires) }}</dd>
        </dl>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>Audit Trail</h2>
        <span style="font-size: 13px; color: var(--color-text-muted);">{{ total_entries }} entries</span>
    </div>
    {% if entries %}
    <div class="card-body-flush table-wrap">
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>Time</th>
                    <th>Type</th>
                    <th>Summary</th>
                    <th>Signed</th>
                    <th>Batched</th>
                    <th>Anchored</th>
                </tr>
            </thead>
            <tbody>
                {% for entry in entries %}
                <tr>
                    <td>{{ entry.sequence }}</td>
                    <td>{{ time_ago(entry.timestamp) }}</td>
                    <td>{{ action_label(entry.action_type) }}</td>
                    <td><a href="/dashboard/entries/{{ entry.entry_id }}">{{ entry.action_summary }}</a></td>
                    <td><span class="check-pass">&#x2713;</span></td>
                    <td>
                        {% if entry._batched %}
                        <span class="check-pass">&#x2713;</span>
                        {% else %}
                        <span class="check-pending">&#x23F3;</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if entry._anchored %}
                        <span class="check-pass">&#x2713;</span>
                        {% elif entry._batched %}
                        <span class="check-pending">&#x23F3;</span>
                        {% else %}
                        <span class="check-na">&mdash;</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% if total_pages > 1 %}
    <div class="pagination">
        {% if page > 1 %}
        <a href="?page={{ page - 1 }}">&laquo; Prev</a>
        {% endif %}
        {% for p in range(1, total_pages + 1) %}
            {% if p == page %}
            <span class="current">{{ p }}</span>
            {% else %}
            <a href="?page={{ p }}">{{ p }}</a>
            {% endif %}
        {% endfor %}
        {% if page < total_pages %}
        <a href="?page={{ page + 1 }}">Next &raquo;</a>
        {% endif %}
    </div>
    {% endif %}
    {% else %}
    <div class="card-body">
        <div class="empty-state">
            <p>No audit entries yet for this agent.</p>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}