{% extends "base.html" %}
{% block title %}Batch {{ batch.batch_id[:12] }}...{% endblock %}
{% block content %}
<div class="page-header">
    <h1>Batch Detail</h1>
    <p>{{ batch.item_count }} entries</p>
</div>

<div class="card">
    <div class="card-header">
        <h2>Batch Information</h2>
        {% if anchor %}
        <span class="badge badge-green">Anchored</span>
        {% else %}
        <span class="badge badge-amber">Not Anchored</span>
        {% endif %}
    </div>
    <div class="card-body">
        <dl class="detail-grid">
            <dt>Batch ID</dt>
            <dd>
                <span class="hash hash-full">{{ batch.batch_id }}</span>
                <button class="copy-btn" data-copy="{{ batch.batch_id }}" title="Copy">&#x2398;</button>
            </dd>

            <dt>Merkle Root</dt>
            <dd>
                <span class="hash hash-full">{{ batch.merkle_root }}</span>
                <button class="copy-btn" data-copy="{{ batch.merkle_root }}" title="Copy">&#x2398;</button>
            </dd>

            <dt>Entry Count</dt>
            <dd>{{ batch.item_count }}</dd>

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

        {% if anchor %}
        <div style="margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--color-border);">
            <dl class="detail-grid">
                <dt>Transaction ID</dt>
                <dd>
                    <span class="hash hash-full">{{ anchor.txid }}</span>
                    <button class="copy-btn" data-copy="{{ anchor.txid }}" title="Copy">&#x2398;</button>
                </dd>

                <dt>Network</dt>
                <dd>{{ anchor.network }}</dd>
            </dl>

            <a href="{{ anchor.explorer_url }}" target="_blank" rel="noopener" class="anchor-link">
                View on Blockchain &rarr;
            </a>
        </div>
        {% endif %}
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>Entries in this Batch</h2>
    </div>
    {% if entries %}
    <div class="card-body-flush table-wrap">
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>Agent</th>
                    <th>Type</th>
                    <th>Summary</th>
                    <th>Entry ID</th>
                </tr>
            </thead>
            <tbody>
                {% for entry in entries %}
                <tr>
                    <td>{{ entry.sequence }}</td>
                    <td>{{ entry._agent_name }}</td>
                    <td>{{ action_label(entry.action_type) }}</td>
                    <td><a href="/dashboard/entries/{{ entry.entry_id }}">{{ entry.action_summary }}</a></td>
                    <td><span class="hash">{{ entry.entry_id[:16] }}...</span></td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body">
        <div class="empty-state">
            <p>No entries found for this batch.</p>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}