{{ 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">
            <span class="font-mono font-semibold{{ if not .Entry.IsTagged }} text-sm{{ end }}">{{ .Entry.Label }}</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"
                        onclick="document.getElementById('attestation-detail-modal').showModal()">
                    {{ icon "shield-check" "size-3" }} Attested
                </button>
            {{ end }}
        </div>
        <div class="flex items-center gap-2">
            {{ 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 "docker pull " .RegistryURL "/" .OwnerHandle "/" .RepoName ":" .Entry.Label) }}
                {{ else }}
                    {{ template "docker-command" (print "docker pull " .RegistryURL "/" .OwnerHandle "/" .RepoName "@" .Entry.Digest) }}
                {{ end }}
            {{ end }}
            <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='{"repo": "{{ .RepoName }}", "tag": "{{ .Entry.Label }}"}'
                        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"
                        onclick="deleteManifest('{{ .RepoName }}', '{{ .Entry.Digest }}', '')"
                        aria-label="Delete manifest">
                    {{ icon "trash-2" "size-4" }}
                </button>
                {{ end }}
            {{ end }}
        </div>
    </div>

    <!-- Manifest Details Table -->
    <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 }}/{{ .Digest }}" class="font-mono text-xs link link-primary" title="{{ .Digest }}">{{ truncateDigest .Digest 32 }}</a>
                        <button class="btn btn-ghost btn-xs" onclick="copyToClipboard('{{ .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>
                    {{ if .OS }}{{ .OS }}/{{ .Architecture }}{{ if .Variant }}/{{ .Variant }}{{ end }}{{ else }}-{{ end }}
                </td>
                <td class="text-sm text-base-content">{{ if .CompressedSize }}{{ humanizeBytes .CompressedSize }}{{ else }}-{{ end }}</td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}

{{ define "load-more-button" }}
{{ if .HasMore }}
<div id="load-more-container" class="p-6 text-center border-t border-base-200">
    <button class="btn btn-outline"
            hx-get="/api/repo-tags/{{ .Owner.Handle }}/{{ .Repository.Name }}?offset={{ .NextOffset }}"
            hx-target="#tags-list"
            hx-swap="beforeend"
            hx-on::before-request="document.getElementById('load-more-container').remove()">
        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">
    {{ if .Entries }}
    <!-- Filter/Sort Controls -->
    <div class="flex flex-wrap items-center gap-4">
        <div class="flex items-center gap-2">
            <span class="text-sm font-medium whitespace-nowrap">Sort by</span>
            <select id="tag-sort" class="select select-sm select-bordered min-w-28" onchange="sortTags(this.value)">
                <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">
            <input type="text" id="tag-filter" class="input input-sm input-bordered w-full" placeholder="Filter artifacts..." oninput="filterTags(this.value)">
        </div>
        {{ if $.IsOwner }}
        <div class="flex-none ml-auto">
            <button class="btn btn-ghost btn-sm text-error"
                    onclick="document.getElementById('untagged-delete-modal').showModal()"
                    aria-label="Delete all untagged manifests">
                {{ icon "trash-2" "size-4" }} Delete untagged
            </button>
        </div>
        {{ end }}
    </div>

    <!-- Manifest Entries -->
    <div class="card bg-base-100 shadow-sm border border-base-300">
        <div class="divide-y divide-base-200" id="tags-list">
            {{ range .Entries }}
                {{ template "artifact-entry-markup" (dict "Entry" . "OwnerDID" $.Owner.DID "OwnerHandle" $.Owner.Handle "RepoName" $.Repository.Name "RegistryURL" $.RegistryURL "IsOwner" $.IsOwner) }}
            {{ 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 "IsOwner" $.IsOwner) }}
{{ end }}
{{ template "load-more-button" . }}
{{ template "scan-batch-triggers" . }}
{{ end }}