{{define "blob.html"}}{{template "base.html" .}}{{end}}
{{define "title"}}{{.Path}} — {{.Repo.Name}} — {{.SiteName}}{{end}}
{{define "tabs"}}
<a href="/{{.Repo.Name}}" class="tab">home</a>
<a href="/{{.Repo.Name}}/log/{{.Ref}}" class="tab">log</a>
<a href="/{{.Repo.Name}}/refs" class="tab">refs</a>
{{end}}
{{define "content"}}
<nav class="breadcrumbs">
    {{range $i, $b := .Breadcrumbs}}{{if $i}} / {{end}}<a href="{{$b.Href}}">{{$b.Name}}</a>{{end}}
</nav>

<div class="file-view">
    <header class="file-header">
        <span class="file-name">{{.Path}}</span>
        <span class="file-meta">{{humanSize .Size}}</span>
        {{if not .Binary}}<button type="button" class="copy-btn" data-raw="/{{.Repo.Name}}/raw/{{.Ref}}/{{.Path}}">copy</button>{{end}}
        <a href="/{{.Repo.Name}}/raw/{{.Ref}}/{{.Path}}">raw</a>
    </header>
    {{if .Binary}}
    <p class="empty">Binary file — <a href="/{{.Repo.Name}}/raw/{{.Ref}}/{{.Path}}">download raw</a>.</p>
    {{else}}
    <div class="blob-view">{{.HighlightedHTML}}</div>
    {{end}}
</div>
<script>
document.querySelectorAll(".copy-btn").forEach(function (btn) {
    btn.addEventListener("click", async function () {
        try {
            var res = await fetch(btn.dataset.raw);
            var text = await res.text();
            await navigator.clipboard.writeText(text);
            var prev = btn.textContent;
            btn.textContent = "copied";
            setTimeout(function () { btn.textContent = prev; }, 1500);
        } catch (e) {
            btn.textContent = "failed";
        }
    });
});
</script>
{{end}}