@(pageName: Option[String], commits: List[app.CommitInfo], repository: app.RepositoryInfo)(implicit context: app.Context)
@import view.helpers
@import context._
@main("History - " + repository.owner + "/" + repository.name){
  @header("wiki", repository)
  @wikitab(if(pageName.isEmpty) "history" else "", repository)
  <ul class="nav nav-tabs">
    <li>
      <h1 class="wiki-title">
        @if(pageName.isEmpty){
          <span class="description">History</span>
        } else {
          <span class="description">History for</span> @pageName.get
        }
      </h1>
    </li>
    <li class="pull-right">
      <div class="btn-group">
        <a class="btn" href="@path/@repository.owner/@repository.name/wiki/_new">New Page</a>
      </div>
    </li>
  </ul>
  <table class="table table-bordered">
    @commits.map { commit =>
      <tr>
        <td width="0%"><input type="checkbox" name="commitId" value="@commit.id"></td>
        <td><a href="@path/@commit.committer">@commit.committer</a></td>
        <td width="80%">
          <span class="description">@helpers.datetime(commit.time):</span>
          @commit.message
        </td>
      </tr>
    }
  </table>
  <input type="button" id="compare" value="Compare Revisions" class="btn"/>
  <input type="button" id="top" value="Back to Top" class="btn"/>
  <script>
  $(function(){
    $('input[name=commitId]').click(function(){
      return !($('input[name=commitId]:checked').length == 3);
    });
    
    $('#compare').click(function(){
      var e = $('input[name=commitId]:checked');
      if(e.length == 2){
        @if(pageName.isEmpty){
          location.href = '@path/@repository.owner/@repository.name/wiki/_compare/' + 
            $(e.get(1)).attr('value') + '...' + $(e.get(0)).attr('value');
        } else {
          location.href = '@path/@repository.owner/@repository.name/wiki/@pageName.get/_compare/' + 
            $(e.get(1)).attr('value') + '...' + $(e.get(0)).attr('value');
        }
      }
    });
    
    $('#top').click(function(){
      $('html,body').animate({ scrollTop: 0 }, 'fast');
    });
  });
  </script>
}