{% extends "base.html" %}
{% block title %}Overview{% endblock %}
{% block content %}
<div class="auto-refresh"></div>

<div class="page-header">
    <h1>Dashboard</h1>
    <p>AgentCert anchoring service overview</p>
</div>

<div class="stats-row">
    <div class="stat-card">
        <div class="stat-label">Agents</div>
        <div class="stat-value">{{ stats.certificates_total }}</div>
        <div class="stat-detail">Registered certificates</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Entries</div>
        <div class="stat-value">{{ stats.entries_total }}</div>
        <div class="stat-detail">Total audit entries</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Batches</div>
        <div class="stat-value">{{ stats.batches_total }}</div>
        <div class="stat-detail">Merkle batches</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Pending</div>
        <div class="stat-value">{{ stats.entries_pending }}</div>
        <div class="stat-detail">Awaiting batch</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Last Anchor</div>
        <div class="stat-value" style="font-size: 16px;">{{ time_ago(stats.last_anchor) }}</div>
        <div class="stat-detail">Bitcoin transaction</div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>Recent Activity</h2>
    </div>
    {% if recent_entries %}
    <div class="card-body-flush table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Time</th>
                    <th>Agent</th>
                    <th>Type</th>
                    <th>Summary</th>
                </tr>
            </thead>
            <tbody>
                {% for entry in recent_entries %}
                <tr>
                    <td>{{ time_ago(entry.timestamp) }}</td>
                    <td>
                        <a href="/dashboard/agents/{{ entry.cert_id }}">{{ entry._agent_name }}</a>
                    </td>
                    <td>{{ action_label(entry.action_type) }}</td>
                    <td>
                        <a href="/dashboard/entries/{{ entry.entry_id }}">{{ entry.action_summary }}</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body">
        <div class="empty-state">
            <p>No entries yet. Register a certificate and submit entries to get started.</p>
        </div>
    </div>
    {% endif %}
</div>

<div class="card">
    <div class="card-header">
        <h2>Recent Batches</h2>
    </div>
    {% if recent_batches %}
    <div class="card-body-flush table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Batch ID</th>
                    <th>Entries</th>
                    <th>Merkle Root</th>
                    <th>Anchor</th>
                    <th>Time</th>
                </tr>
            </thead>
            <tbody>
                {% for batch in recent_batches %}
                <tr>
                    <td><a href="/dashboard/batches/{{ batch.batch_id }}" class="hash">{{ batch.batch_id[:16] }}...</a></td>
                    <td>{{ batch.item_count }}</td>
                    <td><span class="hash">{{ batch.merkle_root[:16] }}...</span></td>
                    <td>
                        {% if batch.anchor_receipt %}
                        <span class="badge badge-green">Anchored</span>
                        {% else %}
                        <span class="badge badge-amber">Pending</span>
                        {% endif %}
                    </td>
                    <td>{{ time_ago(batch.timestamp) }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body">
        <div class="empty-state">
            <p>No batches yet.</p>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}