{{ define "title" }}{{ .Path }} at {{ .Ref }} · {{ .RepoInfo.FullName }}{{ end }}

{{ define "repoContent" }}
    {{ $lines := split .Contents }}
    {{ $tot_lines := len $lines }}
    {{ $tot_chars := len (printf "%d" $tot_lines) }}
    {{ $code_number_style := "text-gray-400 left-0 bg-white text-right mr-6 select-none" }}
    {{ $linkstyle := "no-underline hover:underline" }}
    <div class="pb-2 text-base">
        <div class="flex justify-between">
            <div id="breadcrumbs">
                {{ range $idx, $value := .BreadCrumbs }}
                    {{ if ne $idx (sub (len $.BreadCrumbs) 1) }}
                        <a
                            href="{{ index . 1 }}"
                            class="text-bold text-gray-500 {{ $linkstyle }}"
                            >{{ index . 0 }}</a
                        >
                        /
                    {{ else }}
                        <span class="text-bold text-gray-500"
                            >{{ index . 0 }}</span
                        >
                    {{ end }}
                {{ end }}
            </div>
            <div id="file-info" class="text-gray-500 text-xs">
                {{ .Lines }} lines
                <span class="select-none px-2 [&:before]:content-['·']"></span>
                {{ byteFmt .SizeHint }}
            </div>
        </div>
    </div>
    {{ if .IsBinary }}
        <p class="text-center text-gray-400">
            This is a binary file and will not be displayed.
        </p>
    {{ else }}
        <div class="overflow-auto relative text-ellipsis">
            {{ range $idx, $line := $lines }}
                {{ $linenr := add $idx 1 }}
                <div class="flex">
                  <a href="#L{{ $linenr }}" id="L{{ $linenr }}" class="no-underline peer">
                    <span class="{{ $code_number_style }}"
                        style="min-width: {{ $tot_chars }}ch;" >
                        {{ $linenr }}
                    </span>
                  </a>
                  <div class="whitespace-pre peer-target:bg-yellow-200">{{ $line | escapeHtml }}</div>
                </div>
            {{ end }}
        </div>
    {{ end }}
{{ end }}