@(id: String, repository: service.ProjectService.RepositoryInfo, active: String)(implicit context: app.Context)
@import context._
<ul class="nav nav-tabs">
  <li>
    <div class="btn-group" style="margin-right: 20px;">
      <button class="btn dropdown-toggle" data-toggle="dropdown">
        @if(id.length == 40){
          tree: <strong>@id.substring(0, 10)</strong>
        } else {
          branch: <strong>@id</strong>
        }
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        @repository.branchList.map { branch =>
          <li><a href="@path/@repository.owner/@repository.name/@if(active=="commits"){commits} else {tree}/@branch">@branch</a></li>
        }
      </ul>
    </div>
  </li>
  <li@if(active=="files"){ class="active"}><a href="@path/@repository.owner/@repository.name/tree/@id">Files</a></li>
  <li@if(active=="commits"){ class="active"}><a href="@path/@repository.owner/@repository.name/commits/@id">Commits</a></li>
  <li@if(active=="tags"){ class="active"}><a href="@path/@repository.owner/@repository.name/tags">Tags@if(repository.tags.length > 0){ <span class="badge">@repository.tags.length</span>}</a></li>
  <li class="pull-right">
    <div class="input-prepend">
      <span class="add-on">HTTP</span>
      <input type="text" value="@repository.url" id="repository-url" readonly>
    </div>
  </li>
</ul>