{{ define "blob.html" }}{{ template "base" . }}{{ end }}
{{ define "styles" }}<link rel="stylesheet" href="{{ static "css/blob.css" }}">{{ end }}
{{ define "main" }}
{{ $slug := print "/" .Info.Slug }}
{{ $b := mod "blob" }}

  <header class="hero">
    <div class="hero-inner">
      <h1 class="page-title">{{ $b.Path }}</h1>
      <p class="page-subtitle">
        <code style="color:var(--accent);">{{ .Ref }}</code>
        {{ if not $b.Submodule }}
        <span class="text-muted">&middot; {{ bytes64 $b.Size }}{{ if not $b.Binary }} &middot; {{ len $b.Lines }} lines{{ end }}</span>
        <a class="chip" style="margin-left:.5rem;" href="{{ $slug }}/raw/{{ .Ref }}/{{ $b.Path }}">raw</a>
        {{ if $b.Image }}<a class="chip" style="margin-left:.5rem;" href="{{ $slug }}/raw/{{ .Ref }}/{{ $b.Path }}" download>download</a>{{ end }}
        {{ end }}
      </p>
    </div>
  </header>

{{ if $b.Submodule }}
  <div class="notice">
    This is a submodule, pinned at
    <code>{{ if $b.Submodule.Remote }}{{ $b.Submodule.Remote }}:{{ end }}{{ $b.Submodule.SHA }}</code>.
  </div>
{{ else if $b.Preview }}
  <figure class="blob-image">
    <img src="{{ $slug }}/raw/{{ .Ref }}/{{ $b.Path }}" alt="{{ $b.Path }}">
  </figure>
{{ else if $b.Image }}
  <div class="notice">
    This image is {{ bytes64 $b.Size }}, over the {{ bytes64 $b.PreviewLimit }} preview limit.
    <a href="{{ $slug }}/raw/{{ .Ref }}/{{ $b.Path }}" download>Download it</a> to view it locally.
  </div>
{{ else if $b.Binary }}
  <div class="notice">This is a binary file. Fetch it with <a href="{{ $slug }}/raw/{{ .Ref }}/{{ $b.Path }}">raw</a>.</div>
{{ else }}
  {{ if $b.Oversize }}
  <div class="notice">
    This {{ if eq $b.Lang "json" }}JSON{{ else }}YAML{{ end }} file is {{ bytes64 $b.Size }},
    over the {{ bytes64 $b.StructuredLimit }} limit for parsing. It is shown as plain numbered lines.
    <a href="{{ $slug }}/raw/{{ .Ref }}/{{ $b.Path }}">Fetch the raw file</a> to work with it locally.
  </div>
  {{ end }}
  {{ if $b.ParseErr }}
  <div class="notice notice-warn">
    Invalid {{ if eq $b.Lang "json" }}JSON{{ else }}YAML{{ end }}
    {{ if $b.ParseErr.Line }}&mdash; <a href="#L{{ $b.ParseErr.Line }}">line {{ $b.ParseErr.Line }}</a>{{ end }}:
    <code>{{ $b.ParseErr.Msg }}</code>
  </div>
  {{ end }}
  <div class="source{{ if $b.Structured }} structured{{ end }}" data-lang="{{ $b.Lang }}">
    <table><tbody>
    {{ range $b.Lines }}
      <tr id="L{{ .N }}" data-n="{{ .N }}"
        {{- if .FoldTo }} data-fold-to="{{ .FoldTo }}"{{ end }}
        {{- if .Depth }} data-depth="{{ .Depth }}"{{ end }}
        {{- with .Key }} data-key="{{ . }}"{{ end }}
        {{- with .Path }} data-path="{{ . }}"{{ end }}>
        <td class="ln"><a href="#L{{ .N }}">{{ .N }}</a></td>
        <td class="lc">{{ .Text }}{{ with .Anchor }}{{ if .Uses }}<span class="anchor-uses">{{ .Uses }} use{{ if ne .Uses 1 }}s{{ end }}</span>{{ end }}{{ end }}{{ with .Ref }}<a class="aref" href="#L{{ .Line }}" title="&amp;{{ .Name }} &mdash; line {{ .Line }}{{ with .Preview }}&#10;&#10;{{ . }}{{ end }}">&rarr;&nbsp;{{ .Line }}</a>{{ end }}</td>
      </tr>
    {{ end }}
    </tbody></table>
  </div>
{{ end }}
{{ end }}

{{ define "scripts" }}{{ if (mod "blob").Structured }}<script src="{{ static "js/structured.js" }}" defer></script>{{ end }}{{ end }}