{{define "repo.html"}}{{template "base.html" .}}{{end}}

{{define "title"}}{{.Repo.Name}} — {{.SiteName}}{{end}}

{{define "tabs"}}

<a href="/{{.Repo.Name}}" class="tab active">home</a>

<a href="/{{.Repo.Name}}/log/{{.DefaultRef}}" class="tab">log</a>

<a href="/{{.Repo.Name}}/refs" class="tab">refs</a>

{{end}}

{{define "content"}}

{{if or .HasLatest .CloneHTTPSURL .CloneSSHURL}}

<div class="repo-head">

    {{if .HasLatest}}

    <div class="last-commit">

        <span class="hash"><a href="/{{.Repo.Name}}/commit/{{.LatestCommit.SHA}}">{{.LatestCommit.ShortSHA}}</a></span>

        <span class="subject">{{.LatestCommit.Subject}}</span>

        <span class="author">{{.LatestCommit.Author}}</span>

        <span class="date">{{timeAgo .LatestCommit.When}}</span>

    </div>

    {{end}}

    {{if or .CloneHTTPSURL .CloneSSHURL}}

    <div class="clone-dropdown">

        <button type="button" class="clone-toggle" aria-expanded="false">Clone</button>

        <div class="clone-menu" hidden>

            {{if .CloneHTTPSURL}}

            <div class="clone-option">

                <span class="clone-label">HTTPS</span>

                <code class="clone-url">{{.CloneHTTPSURL}}</code>

                <button type="button" class="copy-btn clone-copy" data-clone="{{.CloneHTTPSURL}}">copy</button>

            </div>

            {{end}}

            {{if .CloneSSHURL}}

            <div class="clone-option">

                <span class="clone-label">SSH</span>

                <code class="clone-url">{{.CloneSSHURL}}</code>

                <button type="button" class="copy-btn clone-copy" data-clone="{{.CloneSSHURL}}">copy</button>

            </div>

            {{end}}

        </div>

    </div>

    {{end}}

</div>

{{end}}

<div class="repo-home">

    <aside class="file-tree">

        {{if .Entries}}

        {{range .Entries}}

        {{if .IsDir}}

        <a class="tree-entry" href="/{{$.Repo.Name}}/tree/{{$.DefaultRef}}/{{.Path}}">

            <span class="name">{{.Name}}/</span>

        </a>

        {{else}}

        <a class="tree-entry" href="/{{$.Repo.Name}}/blob/{{$.DefaultRef}}/{{.Path}}">

            <span class="name">{{.Name}}</span>

            <span class="size">{{humanSize .Size}}</span>

        </a>

        {{end}}

        {{end}}

        {{else}}

        <p class="empty">Empty repository.</p>

        {{end}}

    </aside>

    <section class="content-view">

        {{if .HasReadme}}

        <article class="readme">{{.ReadmeHTML}}</article>

        {{else}}

        <p class="empty">No README.</p>

        {{end}}

    </section>

</div>

<script>

document.querySelectorAll(".clone-dropdown").forEach(function (dd) {

    var toggle = dd.querySelector(".clone-toggle");

    var menu = dd.querySelector(".clone-menu");

    toggle.addEventListener("click", function (e) {

        e.stopPropagation();

        var open = menu.hidden;

        menu.hidden = !open;

        toggle.setAttribute("aria-expanded", String(open));

    });

    document.addEventListener("click", function (e) {

        if (!dd.contains(e.target)) {

            menu.hidden = true;

            toggle.setAttribute("aria-expanded", "false");

        }

    });

});

document.querySelectorAll(".clone-copy").forEach(function (btn) {

    btn.addEventListener("click", async function () {

        try {

            await navigator.clipboard.writeText(btn.dataset.clone);

            var prev = btn.textContent;

            btn.textContent = "copied";

            setTimeout(function () { btn.textContent = prev; }, 1500);

        } catch (e) {

            btn.textContent = "failed";

        }

    });

});

</script>

{{end}}