{{ define "title" }} commit {{ .Diff.Commit.This }} · {{ .RepoInfo.FullName }} {{ end }}

{{ define "repoContent" }}

{{ $repo := .RepoInfo.FullName }}
{{ $commit := .Diff.Commit }}
{{ $stat := .Diff.Stat }}
{{ $diff := .Diff.Diff }}

<section class="commit dark:text-white">
  <div id="commit-message">
    {{ $messageParts := splitN $commit.Message "\n\n" 2 }}
    <div>
      <p class="pb-2">{{ index $messageParts 0 }}</p>
      {{ if gt (len $messageParts) 1 }}
      <p class="mt-1 cursor-text pb-2 text-sm">{{ nl2br (unwrapText (index $messageParts 1)) }}</p>
      {{ end }}
    </div>
  </div>

  <div class="flex items-center">
      <p class="text-sm text-gray-500 dark:text-gray-300">
          {{ $didOrHandle := index $.EmailToDidOrHandle $commit.Author.Email }}

          {{ if $didOrHandle }}
            <a href="/{{ $didOrHandle }}" class="no-underline hover:underline text-gray-500 dark:text-gray-300">{{ $didOrHandle }}</a>
          {{ else }}
            <a href="mailto:{{ $commit.Author.Email }}" class="no-underline hover:underline text-gray-500 dark:text-gray-300">{{ $commit.Author.Name }}</a>
          {{ end }}
          <span class="px-1 select-none before:content-['\00B7']"></span>
          {{ timeFmt $commit.Author.When }}
          <span class="px-1 select-none before:content-['\00B7']"></span>
          <span>{{ $stat.FilesChanged }}</span> files <span class="font-mono">(+{{ $stat.Insertions }}, -{{ $stat.Deletions }})</span>
          <span class="px-1 select-none before:content-['\00B7']"></span>
      </p>

      <p class="flex items-center text-sm text-gray-500 dark:text-gray-300">
          <a href="/{{ $repo }}/commit/{{ $commit.This }}" class="no-underline hover:underline text-gray-500 dark:text-gray-300">{{ slice $commit.This 0 8 }}</a>
          {{ if $commit.Parent }}
          {{ i "arrow-left" "w-3 h-3 mx-1" }}
          <a href="/{{ $repo }}/commit/{{ $commit.Parent }}" class="no-underline hover:underline text-gray-500 dark:text-gray-300">{{ slice $commit.Parent 0 8 }}</a>
          {{ end }}
      </p>
  </div>

  <div class="diff-stat">
    <br>
    <strong class="text-sm uppercase mb-4 dark:text-gray-200">Changed files</strong>
    <div class="overflow-x-auto">
      {{ range $diff }}
      <ul class="dark:text-gray-200">
        {{ if .IsDelete }}
        <li><a href="#file-{{ .Name.Old }}" class="dark:hover:text-gray-300">{{ .Name.Old }}</a></li>
        {{ else }}
        <li><a href="#file-{{ .Name.New }}" class="dark:hover:text-gray-300">{{ .Name.New }}</a></li>
        {{ end }}
      </ul>
      {{ end }}
    </div>
  </div>
</section>

{{end}}

{{ define "repoAfter" }}
{{ template "fragments/diff" (list .RepoInfo.FullName .Diff) }}
{{end}}