{{ define "content" }}
<div class="space-y-6">
    {{ template "gist_header" . }}

    {{ if ne (len .commits) 0 }}
    <div class="divide-y">
        {{ range $commit := .commits }}
        <section class="space-y-3 py-8 first:pt-0 last:pb-0">
            <div class="flex flex-wrap items-center justify-between gap-2">
                <h3 class="flex flex-wrap items-center gap-1.5 text-sm">
                    {{ $user := $commit.User }}
                    {{ if not (shouldGenerateAvatar $user $.DisableGravatar) }}
                        <img class="size-5 rounded-full" src="{{ avatarUrl $user $.DisableGravatar }}" alt="" />
                    {{ else }}
                        <svg class="size-5 rounded-full" data-jdenticon-value="{{ if $user }}{{ $user.Username }}{{ else }}{{ $commit.AuthorName }}{{ end }}" width="20" height="20"></svg>
                    {{ end }}
                    <span class="font-semibold">{{ if $user }}<a href="{{ $.c.ExternalUrl }}/{{ $user.Username }}" class="hover:underline">{{ $user.Username }}</a>{{ else }}{{ $commit.AuthorName }}{{ end }}</span>
                    <span class="text-muted-foreground">{{ $.locale.Tr "gist.revision.revised" }} {{ $commit.Timestamp | humanTimeDiffStr }}</span>
                    <span class="text-muted-foreground">·</span>
                    <a href="{{ $.c.ExternalUrl }}/{{ $.gist.User.Username }}/{{ $.gist.Identifier }}/rev/{{ $commit.Hash }}" class="text-primary font-mono hover:underline">{{ slice $commit.Hash 0 7 }}</a>
                </h3>
                {{ if gt $commit.FilesChanged 0 }}
                <p class="text-muted-foreground text-sm">
                    {{ $commit.FilesChanged }} {{ if eq $commit.FilesChanged 1 }}file{{ else }}files{{ end }} changed{{ if gt $commit.Additions 0 }}, <span class="text-green-600 dark:text-green-400">{{ $commit.Additions }} {{ if eq $commit.Additions 1 }}insertion{{ else }}insertions{{ end }}</span>{{ end }}{{ if gt $commit.Deletions 0 }}, <span class="text-red-600 dark:text-red-400">{{ $commit.Deletions }} {{ if eq $commit.Deletions 1 }}deletion{{ else }}deletions{{ end }}</span>{{ end }}
                </p>
                {{ end }}
            </div>

            {{ if ne (len $commit.Files) 0 }}
            <div class="space-y-4">
                {{ range $file := $commit.Files }}
                <article class="bg-card overflow-hidden rounded-lg border">
                    <header class="bg-muted/40 flex items-center gap-2 border-b px-4 py-2 text-sm">
                        <svg class="text-muted-foreground size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></svg>
                        {{ if $file.IsCreated }}
                            <span class="font-medium">{{ $file.Filename }}</span> <span class="text-muted-foreground italic">({{ $.locale.Tr "gist.revision.file-created" }})</span>
                        {{ else if $file.IsDeleted }}
                            <span class="font-medium">{{ $file.Filename }}</span> <span class="text-muted-foreground italic">({{ $.locale.Tr "gist.revision.file-deleted" }})</span>
                        {{ else if ne $file.OldFilename $file.Filename }}
                            <span class="font-medium">{{ $file.OldFilename }}</span> <span class="text-muted-foreground italic">{{ $.locale.Tr "gist.revision.file-renamed" }}</span> <span class="font-medium">{{ $file.Filename }}</span>
                        {{ else }}
                            <span class="font-medium">{{ $file.Filename }}</span>
                        {{ end }}
                    </header>
                    <div class="overflow-auto">
                        {{ if $file.Truncated }}
                            <p class="px-4 py-2 text-sm">{{ $.locale.Tr "gist.revision.diff-truncated" }}</p>
                        {{ else if $file.IsBinary }}
                            <p class="px-4 py-2 text-sm">{{ $.locale.Tr "gist.revision.binary-file-changes" }}</p>
                        {{ else if and (eq $file.Content "") (ne $file.OldFilename "") }}
                            <p class="px-4 py-2 text-sm">{{ $.locale.Tr "gist.revision.file-renamed-no-changes" }}</p>
                        {{ else if eq $file.Content "" }}
                            <p class="px-4 py-2 text-sm">{{ $.locale.Tr "gist.revision.empty-file" }}</p>
                        {{ else }}
                        <table class="code chroma table-code diff w-full {{ if $.currentStyle }}{{ if $.currentStyle.SoftWrap }}whitespace-pre-wrap{{ else }}whitespace-pre{{ end }}{{ else }}whitespace-pre{{ end }}" data-filename="{{ $file.Filename }}" style="border-spacing: 0">
                            <tbody>
                            {{ $left := 0 }}
                            {{ $right := 0 }}
                                {{ range $line := split $file.Content "\n" }}
                                {{ if ne $line "" }}{{ if ne (index $line 0) 92 }}
                                    {{ if eq (index $line 0) 64 }}
                                        {{ $left  = toInt (index (splitGit (index (split $line "-") 1)) 0) }}
                                        {{ $right = toInt (index (splitGit (index (split $line "+") 1)) 0) }}
                                    {{ end }}
                                    <tr class="{{ if eq (index $line 0) 64 }}gray-diff{{ end }}{{ if eq (index $line 0) 43 }}green-diff{{ end }}{{ if eq (index $line 0) 45 }}red-diff{{ end }}">
                                        {{ if eq (index $line 0) 64 }}
                                            <td colspan="2" class="select-none py-2"></td>
                                        {{ else }}
                                            {{ if eq (index $line 0) 43 }}
                                                <td class="line-num select-none px-2"></td>
                                                <td class="line-num select-none px-2">{{ $right }}</td>
                                                {{ $right = inc $right }}
                                            {{ else if eq (index $line 0) 45 }}
                                                <td class="line-num select-none px-2">{{ $left }}</td>
                                                <td class="line-num select-none px-2"></td>
                                                {{ $left = inc $left }}
                                            {{ else if eq (index $line 0) 32 }}
                                                <td class="line-num select-none px-2">{{ $left }}</td>
                                                <td class="line-num select-none px-2">{{ $right }}</td>
                                                {{ $left = inc $left }}
                                                {{ $right = inc $right }}
                                            {{ end }}
                                        {{ end }}
                                        <td class="diff-sign select-none" style="vertical-align: top;">{{ if ne (index $line 0) 64 }}{{ slice $line 0 1 }}{{ end }}</td>
                                        <td class="line-code break-all pr-4">{{ if ne (index $line 0) 64 }}{{ slice $line 1 }}{{ else }}{{ $line }}{{ end }}</td>
                                    </tr>
                                {{ end }}{{ end }}{{ end }}
                            </tbody>
                        </table>
                        {{ end }}
                    </div>
                </article>
                {{ end }}
            </div>
            {{ else }}
            <p class="text-muted-foreground text-sm italic">{{ $.locale.Tr "gist.revision.no-changes" }}</p>
            {{ end }}
        </section>
        {{ end }}
    </div>
    {{ template "pagination" . }}
    {{ else }}
    <div class="text-muted-foreground flex flex-col items-center justify-center py-16 text-center">
        <svg class="size-12" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v5h5"/><path d="M3.05 13A9 9 0 1 0 6 5.3L3 8"/><path d="M12 7v5l4 2"/></svg>
        <h3 class="text-foreground mt-3 text-sm font-medium">{{ .locale.Tr "gist.revision.no-revisions" }}</h3>
    </div>
    {{ end }}
</div>
{{ end }}