<div class="panel">
  <div class="head">
    &#128218; <a href="/{{OWNER}}">{{OWNER}}</a> / <strong>{{REPO}}</strong>
    <span class="vis-badge {{VISIBILITY}}">{{VISIBILITY}}</span>
  </div>
  <div class="body">
    <p>{{DESCRIPTION}}</p>
    <div class="repo-meta">
      <span>&#128195; {{COMMIT_COUNT}} commits</span>
      &nbsp;&middot;&nbsp;
      <span>&#128196; {{FILE_COUNT}} files</span>
      &nbsp;&middot;&nbsp;
      <span>&#128197; created {{CREATED_DATE}}</span>
    </div>
    <div class="repo-nav">
      <a class="btn" href="/{{OWNER}}/{{REPO}}">&#128221; Code</a>
      <a class="btn" href="/{{OWNER}}/{{REPO}}/history">&#128195; History</a>
      <a class="btn" href="/{{OWNER}}/{{REPO}}/archive/{{REF}}.zip">&#11015; Download ZIP</a>
      {{SETTINGS_LINK}}
    </div>
    <div class="repo-meta">
      <label for="branchSel">Branch:</label>
      <select id="branchSel" onchange="switchBranch(this.value)">{{BRANCH_OPTIONS}}</select>
    </div>
    <div class="clone-box">
      <label>Clone:</label>
      <input class="url" id="cloneUrl" value="" readonly>
    </div>
  </div>
</div>

{{LANG_BAR}}

<div class="panel">
  <div class="head">&#128193; Files</div>
  <table class="retro file-tree">
    <thead>
      <tr><th>Type</th><th>Name</th></tr>
    </thead>
    <tbody>
      {{TREE_ROWS}}
    </tbody>
  </table>
</div>

{{README_HTML}}

<script>
  (function() {
    var owner = '{{OWNER}}', repo = '{{REPO}}';
    document.getElementById('cloneUrl').value = window.location.origin + '/' + owner + '/' + repo + '.git';
  })();
  function switchBranch(ref) {
    var owner = '{{OWNER}}', repo = '{{REPO}}';
    window.location = '/' + owner + '/' + repo + '/tree/' + encodeURIComponent(ref);
  }
</script>
