@(id: String, repository: service.RepositoryService.RepositoryInfo, active: String,
  settings: service.SystemSettingsService.SystemSettings,
  hideBranchPulldown: Boolean = false)(implicit context: app.Context)
@import context._
@import view.helpers._
<ul class="nav nav-tabs">
  @if(!hideBranchPulldown){
  <li>
    @helper.html.dropdown(
      value  = if(id.length == 40) id.substring(0, 10) else id,
      prefix = if(id.length == 40) "tree" else if(repository.branchList.contains(id)) "branch" else "tree",
      mini   = false,
      style  = "margin-right: 20px;"
    ){
      @repository.branchList.map { branch =>
        <li><a href="@url(repository)/@if(active=="commits"){commits} else {tree}/@encodeRefName(branch)">@helper.html.checkicon(id == branch) @branch</a></li>
      }
    }
  </li>
  }
  <li@if(active=="files"   ){ class="active"}><a href="@url(repository)/tree/@encodeRefName(id)">Files</a></li>
  <li@if(active=="commits" ){ class="active"}><a href="@url(repository)/commits/@encodeRefName(id)">Commits</a></li>
  <li@if(active=="branches"){ class="active"}><a href="@url(repository)/branches">Branches@if(repository.branchList.length > 0){ <span class="badge">@repository.branchList.length</span>}</a></li>
  <li@if(active=="tags"    ){ class="active"}><a href="@url(repository)/tags">Tags@if(repository.tags.length > 0){ <span class="badge">@repository.tags.length</span>}</a></li>
  <li class="pull-right">
    @helper.html.copy("repository-url-copy", repository.url, true){
      @if(settings.ssh){
        <div class="btn-group add-on" data-toggle="buttons-radio" style="padding: 0px; border-width: 0px;">
          <button type="button" class="btn active" id="repository-url-http">HTTP</button><button type="button" class="btn" id="repository-url-ssh">SSH</button>
        </div>
      } else {
        <span class="add-on">HTTP</span>
      }
      <input type="text" value="@repository.url" id="repository-url" style="width: 150px;" readonly>
    }
  </li>
  <li class="pull-right" style="margin-right: 8px;">
    <div class="pull-right">
      <a href="@{url(repository)}/archive/@{encodeRefName(id)}.zip" class="btn"><i class="icon-download-alt"></i>ZIP</a>
    </div>
  </li>
</ul>
@if(settings.ssh){
<script>
$(function(){
  $('#repository-url-http').click(function(){
    $('#repository-url').val('@repository.url');
    $('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
  });
  $('#repository-url-ssh').click(function(){
    // TODO How should I make a url for ssh access?
    $('#repository-url').val('ssh://localhost:29418/@repository.owner/@repository.name');
    $('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
  });
});
</script>
}