@(branch: String, repository: app.RepositoryInfo, commits: Seq[Seq[app.CommitInfo]], page: Int, hasNext: Boolean)(implicit context: app.Context)
@import context._
@import view.helpers
@main(repository.owner+"/"+repository.name) {
  @header(branch, repository)
  @navtab(branch, repository, "commits")
  <div class="head">
    <a href="@path/@repository.owner/@repository.name/tree/@branch">@repository.name</a> / Commit History
  </div>
      
  @commits.map { date =>
    <table class="table table-bordered">
      <tr>
        <th>@helpers.date(date.head.time)</th>
      </tr>
      @date.map { commit =>
      <tr>
        <td>
          <div class="pull-left">
            <a href="@path/@repository.owner/@repository.name/commit/@commit.id"><strong>@helpers.cut(commit.message, 100)</strong></a><br>
            <div class="small">
              <a href="@path/@commit.committer">@commit.committer</a>
              <span class="description">@helpers.datetime(commit.time)</span>
            </div>
          </div>
          <div class="pull-right align-right">
            <a href="@path/@repository.owner/@repository.name/commit/@commit.id" class="btn btn-small monospace">@commit.id.substring(0, 10)</a><br>
            <a href="" class="small">Browse code</a>
          </div>
        </td>
      </tr>
      }
    </table>
  }
  <div class="btn-group">
    <button class="btn" onclick="location.href='?page=@{page - 1}'"@if(page <= 1){ disabled="true"}>&lt; Newer</button>
    <button class="btn" onclick="location.href='?page=@{page + 1}'"@if(!hasNext){ disabled="true"}>Order &gt;</button>
  </div>   
}