{{ define "artifact-entry-markup" }}
<div class="artifact-entry p-6" data-tag="{{ .Entry.Label }}" data-created="{{ .Entry.CreatedAt.Unix }}">
    <!-- Entry Header -->
    <div class="flex flex-wrap items-center justify-between gap-2 mb-2">
        <div class="flex flex-wrap items-center gap-2 min-w-0">
            <span class="font-mono font-semibold truncate max-w-48 sm:max-w-sm{{ if not .Entry.IsTagged }} text-sm{{ end }}" title="{{ .Entry.Label }}">{{ if .Entry.IsTagged }}{{ .Entry.Label }}{{ else }}{{ truncateDigest (trimPrefix "sha256:" .Entry.Label) 16 }}{{ end }}</span>
            {{ if eq .Entry.ArtifactType "helm-chart" }}
                <span class="badge badge-xs badge-soft badge-helm">{{ icon "helm" "size-3" }} Helm</span>
            {{ else if .Entry.IsMultiArch }}
                <span class="badge badge-xs badge-soft badge-accent">Multi-arch</span>
            {{ end }}
            {{ if .Entry.HasAttestations }}
                <button class="badge badge-xs badge-soft badge-success cursor-pointer hover:opacity-80"
                        hx-get="/api/attestation-details?digest={{ .Entry.Digest | urlquery }}&did={{ .OwnerDID | urlquery }}&repo={{ .RepoName | urlquery }}"
                        hx-target="#attestation-modal-body"
                        hx-swap="innerHTML"
                        data-action="show-modal" data-modal-id="attestation-detail-modal">
                    {{ icon "shield-check" "size-3" }} Attested
                </button>
            {{ end }}
            {{ if and .ViewerDefaultHold .Entry.HoldEndpoint (ne .Entry.HoldEndpoint .ViewerDefaultHold) }}
                <span class="badge badge-xs badge-soft badge-warning max-w-32 truncate" title="{{ .Entry.HoldEndpoint }}">{{ icon "hard-drive" "size-3" }} {{ displayHoldDID .Entry.HoldEndpoint }}</span>
            {{ end }}
        </div>
        <div class="flex items-center gap-2 shrink-0">
            <span class="text-base-content text-sm flex items-center gap-1" title="{{ .Entry.CreatedAt.Format "2006-01-02T15:04:05Z07:00" }}">{{ icon "history" "size-4" }}{{ timeAgoShort .Entry.CreatedAt }}</span>
            {{ if .IsOwner }}
                {{ if .Entry.IsTagged }}
                <button class="btn btn-ghost btn-sm text-error"
                        hx-ext="json-enc"
                        hx-delete="/api/tags"
                        hx-vals='{{ dict "repo" .RepoName "tag" .Entry.Label | toJSON }}'
                        hx-confirm="Delete tag {{ .Entry.Label }}?"
                        hx-target="closest .artifact-entry"
                        hx-swap="outerHTML"
                        aria-label="Delete tag {{ .Entry.Label }}">
                    {{ icon "trash-2" "size-4" }}
                </button>
                {{ else }}
                <button class="btn btn-ghost btn-sm text-error"
                        data-action="delete-manifest" data-repo="{{ .RepoName }}" data-digest="{{ .Entry.Digest }}"
                        aria-label="Delete manifest">
                    {{ icon "trash-2" "size-4" }}
                </button>
                {{ end }}
            {{ end }}
        </div>
    </div>
    <!-- Pull Command (full width) -->
    <div class="mb-3">
        {{ if eq .Entry.ArtifactType "helm-chart" }}
            {{ if .Entry.IsTagged }}
                {{ template "docker-command" (print "helm pull oci://" .RegistryURL "/" .OwnerHandle "/" .RepoName " --version " .Entry.Label) }}
            {{ else }}
                {{ template "docker-command" (print "helm pull oci://" .RegistryURL "/" .OwnerHandle "/" .RepoName "@" .Entry.Digest) }}
            {{ end }}
        {{ else }}
            {{ if .Entry.IsTagged }}
                {{ template "docker-command" (print (pullPrefix .OciClient) .RegistryURL "/" .OwnerHandle "/" .RepoName ":" .Entry.Label) }}
            {{ else }}
                {{ template "docker-command" (print (pullPrefix .OciClient) .RegistryURL "/" .OwnerHandle "/" .RepoName "@" .Entry.Digest) }}
            {{ end }}
        {{ end }}
    </div>

    <!-- Manifest Details Table -->
    <div class="overflow-x-auto">
    <table class="table table-xs w-full table-fixed">
        <colgroup>
            <col class="w-5/12">
            <col class="w-3/12">
            <col class="w-2/12">
            <col class="w-2/12">
        </colgroup>
        <thead>
            <tr class="text-base-content text-xs">
                <th>Digest</th>
                <th>Vulnerabilities</th>
                <th>OS/Arch</th>
                <th>Size</th>
            </tr>
        </thead>
        <tbody>
            {{ range .Entry.Platforms }}
            <tr>
                <td>
                    <div class="flex items-center gap-1">
                        <a href="/d/{{ $.OwnerHandle }}/{{ $.RepoName }}/{{ $.Entry.Digest }}?platform={{ .Digest }}" class="font-mono text-xs link link-primary" title="{{ .Digest }}">{{ truncateDigest (trimPrefix "sha256:" .Digest) 16 }}</a>
                        <button class="btn btn-ghost btn-sm sm:btn-xs" data-action="copy" data-copy="{{ .Digest }}" aria-label="Copy digest">{{ icon "copy" "size-3" }}</button>
                    </div>
                </td>
                <td>
                    {{ if .HoldEndpoint }}
                    <a href="/d/{{ $.OwnerHandle }}/{{ $.RepoName }}/{{ .Digest }}" class="hover:opacity-80 transition-opacity">
                        <span id="scan-badge-{{ trimPrefix "sha256:" .Digest }}"></span>
                    </a>
                    {{ end }}
                </td>
                <td class="whitespace-nowrap">
                    {{ if .OS }}{{ .OS }}/{{ .Architecture }}{{ if .Variant }}/{{ .Variant }}{{ end }}{{ else }}-{{ end }}
                </td>
                <td class="text-sm text-base-content whitespace-nowrap">{{ if .CompressedSize }}{{ humanizeBytes .CompressedSize }}{{ else }}-{{ end }}</td>
            </tr>
            {{ else }}
            <tr><td colspan="4" class="text-base-content/60 text-center py-4">No platform details available for this manifest.</td></tr>
            {{ end }}
        </tbody>
    </table>
    </div>
</div>
{{ end }}

{{ define "load-more-button" }}
{{ if .HasMore }}
<div id="load-more-container" class="p-6 text-center border-t border-base-300">
    <button class="btn btn-outline"
            hx-get="/api/repo-tags/{{ .Owner.Handle }}/{{ .Repository.Name }}?offset={{ .NextOffset }}"
            hx-target="#tags-list"
            hx-swap="beforeend"
            hx-indicator="#load-more-spinner"
            hx-on::after-request="if(event.detail.successful)document.getElementById('load-more-container').remove()">
        <span id="load-more-spinner" class="htmx-indicator loading loading-spinner loading-sm"></span>
        Load More
    </button>
</div>
{{ end }}
{{ end }}

{{ define "scan-batch-triggers" }}
{{ range .ScanBatchParams }}
<div hx-get="/api/scan-results?{{ . }}"
     hx-trigger="load delay:500ms"
     hx-swap="none"
     style="display:none"></div>
{{ end }}
{{ end }}

{{ define "repo-tags" }}
<div class="space-y-4 min-w-0 pt-6">
    {{ if .Entries }}
    <!-- Filter/Sort Controls -->
    <div class="flex flex-wrap items-center gap-4">
        <div class="flex items-center gap-2">
            <label for="tag-sort" class="text-sm font-medium whitespace-nowrap">Sort by</label>
            <select id="tag-sort" class="select select-sm select-bordered min-w-28" data-action="sort-tags">
                <option value="newest">Newest</option>
                <option value="oldest">Oldest</option>
                <option value="az">A-Z</option>
                <option value="za">Z-A</option>
            </select>
        </div>
        <div class="flex-1 max-w-xs">
            <label for="tag-filter" class="sr-only">Filter artifacts</label>
            <input type="text" id="tag-filter" class="input input-sm input-bordered w-full" placeholder="Filter artifacts..." data-action="filter-tags">
        </div>
        {{ if $.IsOwner }}
        <div class="flex-none ml-auto">
            <button class="btn btn-ghost btn-sm text-error"
                    data-action="show-modal" data-modal-id="untagged-delete-modal"
                    aria-label="Delete all untagged manifests">
                {{ icon "trash-2" "size-4" }} Delete untagged
            </button>
        </div>
        {{ end }}
    </div>

    <!-- Manifest Entries -->
    <div class="pt-6">
        <div class="divide-y divide-base-300" id="tags-list">
            {{ range .Entries }}
                {{ template "artifact-entry-markup" (dict "Entry" . "OwnerDID" $.Owner.DID "OwnerHandle" $.Owner.Handle "RepoName" $.Repository.Name "RegistryURL" $.RegistryURL "OciClient" $.OciClient "IsOwner" $.IsOwner "ViewerDefaultHold" $.ViewerDefaultHold) }}
            {{ end }}
        </div>
        {{ template "load-more-button" . }}
    </div>

    {{ template "scan-batch-triggers" . }}
    {{ else }}
        <p class="text-base-content">No artifacts available</p>
    {{ end }}
</div>
{{ end }}

{{ define "repo-tags-page" }}
{{ range .Entries }}
    {{ template "artifact-entry-markup" (dict "Entry" . "OwnerDID" $.Owner.DID "OwnerHandle" $.Owner.Handle "RepoName" $.Repository.Name "RegistryURL" $.RegistryURL "OciClient" $.OciClient "IsOwner" $.IsOwner "ViewerDefaultHold" $.ViewerDefaultHold) }}
{{ end }}
{{ template "load-more-button" . }}
{{ template "scan-batch-triggers" . }}
{{ end }}