@(branch: String, repository: app.RepositoryInfo, active: String)
<ul class="nav nav-tabs">
  <li>
    <div class="btn-group" style="margin-right: 20px;">
      <button class="btn dropdown-toggle" data-toggle="dropdown">branch: <strong>@branch</strong> <span class="caret"></span></button>
      <ul class="dropdown-menu">
        @repository.branchList.map { branch =>
          <li><a href="/@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="/@repository.owner/@repository.name/tree/@branch">Files</a></li>
  <li@if(active=="commits"){ class="active"}><a href="/@repository.owner/@repository.name/commits/@branch">Commits</a></li>
  <li@if(active=="tags"){ class="active"}><a href="#">Tags</a></li>
  <li class="pull-right">
    <div class="input-prepend">
      <span class="add-on">HTTP</span>
      <input type="text" value="@repository.url" style="width: 350px;">
    </div>
  </li>
</ul>