{{ define "manifest-modal" }}
<div class="modal-overlay" onclick="this.remove()">
    <div class="modal-content" onclick="event.stopPropagation()">
        <button class="modal-close" onclick="this.closest('.modal-overlay').remove()">✕</button>

        <h2>Manifest Details</h2>

        <div class="manifest-info">
            <div class="info-row">
                <strong>Digest:</strong>
                <code>{{ .Digest }}</code>
            </div>
            <div class="info-row">
                <strong>Media Type:</strong>
                <span>{{ .MediaType }}</span>
            </div>
            <div class="info-row">
                <strong>Hold Endpoint:</strong>
                <span>{{ .HoldEndpoint }}</span>
            </div>
            <div class="info-row">
                <strong>Created:</strong>
                <time datetime="{{ .CreatedAt.Format "2006-01-02T15:04:05Z07:00" }}">
                    {{ .CreatedAt.Format "2006-01-02 15:04:05 MST" }}
                </time>
            </div>
        </div>
    </div>
</div>
{{ end }}