{% extends "base.html" %}
{% block title %}Attestation Log — FieldWitness{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-10">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h4><i class="bi bi-journal-text me-2"></i>Attestation Log</h4>
            <span class="badge bg-info">{{ total }} total record{{ 's' if total != 1 }}</span>
        </div>

        {% if records %}
        <div class="table-responsive">
            <table class="table table-hover table-dark">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Short ID</th>
                        <th>Attestor</th>
                        <th>Timestamp</th>
                        <th>SHA-256</th>
                        <th>Caption</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in records %}
                    <tr>
                        <td class="text-muted">{{ item.index }}</td>
                        <td><code class="text-info">{{ item.record.short_id }}</code></td>
                        <td><code class="small">{{ item.record.attestor_fingerprint[:12] }}...</code></td>
                        <td class="small">{{ item.record.timestamp.strftime('%Y-%m-%d %H:%M') }}</td>
                        <td><code class="small text-warning">{{ item.record.image_hashes.sha256[:16] }}...</code></td>
                        <td class="small text-muted">{{ item.record.metadata.get('caption', '') | truncate(40) }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="alert alert-secondary">
            <i class="bi bi-inbox me-2"></i>
            No attestations yet. <a href="/attest" class="alert-link">Attest your first image</a>.
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}