@(issue: model.Issue,
  comments: List[model.IssueComment],
  issueLabels: List[model.Label],
  collaborators: List[String],
  milestones: List[(model.Milestone, Int, Int)],
  labels: List[model.Label],
  hasWritePermission: Boolean,
  repository: service.RepositoryService.RepositoryInfo)(implicit context: app.Context)
@import context._
@import view.helpers._
@html.main(s"${issue.title} - Issue #${issue.issueId} - ${repository.owner}/${repository.name}", Some(repository)){
  @html.menu("issues", repository){
    @tab("issues", repository)
    <ul class="nav nav-tabs pull-left fill-width">
      <li class="pull-left"><a href="@url(repository)/issues"><i class="icon-arrow-left"></i> Back to issue list</a></li>
      <li class="pull-right">Issue #@issue.issueId</li>
    </ul>
    <div class="row-fluid">
      <div class="span10">
        @issuedetail(issue, comments, collaborators, milestones, hasWritePermission, repository)
        @commentlist(issue, comments, hasWritePermission, repository)
        @commentform(issue, hasWritePermission, repository)
      </div>
      <div class="span2">
        @if(issue.closed) {
          <span class="label label-important issue-status">Closed</span>
        } else {
          <span class="label label-success issue-status">Open</span>
        }
        <div class="small" style="text-align: center;">
          @defining(comments.filter( _.action.contains("comment") ).size){ count =>
            <span class="strong">@count</span> @plural(count, "comment")
          }
        </div>
        <hr/>
        @issues.html.labels(issue, issueLabels, labels, hasWritePermission, repository)
      </div>
    </div>
  }
}