{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}{{ title }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/agents/governance.css">
{% endblock %}
{% block content %}
<div class="shell">
    <a href="/admin/agents">Back To Agents</a>
    <h1>{{ title }}</h1>
    <pre>{{ content or 'No governance safety report generated yet.' }}</pre>
    <h2>Runtime Constraints</h2>
    <pre>{{ constraints or 'No runtime constraint report generated yet.' }}</pre>
    <h2>Recent Governance Violations</h2>
    <table>
        <thead><tr><th>ID</th><th>Agent</th><th>Type</th><th>Severity</th><th>Summary</th><th>Created</th></tr></thead>
        <tbody>
            {% for row in violations %}
            <tr><td>{{ row.id }}</td><td>{{ row.agent_name or '-' }}</td><td>{{ row.violation_type }}</td><td>{{ row.severity }}</td><td>{{ row.summary }}</td><td>{{ row.created_at }}</td></tr>
            {% else %}
            <tr><td colspan="6">No violations recorded.</td></tr>
            {% endfor %}
        </tbody>
    </table>
    <h2>Recent Agent Events</h2>
    <table>
        <thead><tr><th>Event</th><th>Agent</th><th>Type</th><th>Payload Hash</th><th>Created</th></tr></thead>
        <tbody>
            {% for row in events %}
            <tr><td>{{ row.event_id }}</td><td>{{ row.agent_name or '-' }}</td><td>{{ row.event_type }}</td><td>{{ row.payload_hash }}</td><td>{{ row.created_at }}</td></tr>
            {% else %}
            <tr><td colspan="5">No events recorded.</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}