{#include layout}
{#title}{repo.ownerHandle}/{repo.name} – git-shark{/title}

<div class="repo-layout">

    {#include RepositoryResource/sidebar nav=nav active='code' /}

    <section class="repo-main">
        {#if nav.empty}
        <h2>Quick start</h2>
        <p>This repository is empty. Push an existing repository:</p>
        <pre>git remote add origin {nav.httpUrl}
git push -u origin main</pre>
        {#else}
        <div class="branchbar">
            <a class="branchsel" href="/repos/{repo.ownerHandle}/{repo.name}/branches"><span class="g">⑂</span> {nav.defaultBranch} <span class="car">▾</span></a>
            <span class="meta"><b>{nav.commitCount}</b> commits · <b>{entries.size()}</b> entries</span>
        </div>

        <div class="panel">
            {#if latestCommit}
            <a class="commitrow" href="/repos/{repo.ownerHandle}/{repo.name}/commits/{nav.defaultBranch}">
                <span class="av">{latestCommit.author.charAt(0)}</span>
                <span class="who">{latestCommit.author}</span>
                <span class="msg">{latestCommit.message}</span>
                <span class="hash">{latestCommit.shortId} · {latestCommitAge}</span>
            </a>
            {/if}
            <div class="files">
                {#for entry in entries}
                <a class="frow" href="/repos/{repo.ownerHandle}/{repo.name}/tree/{nav.defaultBranch}/{entry.path}">
                    <span class="fname">
                        <span class="g{#if entry.directory} dir{/if}">{#if entry.directory}▸{#else}≡{/if}</span>
                        <span class="n">{entry.name}</span>
                    </span>
                </a>
                {/for}
            </div>
        </div>

        {#if readmeHtml}
        <div class="panel readme">
            <div class="readme-head"><span class="g">≡</span> {readmeName}</div>
            <div class="readme-body">{readmeHtml.raw}</div>
        </div>
        {/if}
        {/if}
    </section>

</div>
{/include}