@(issue: model.Issue,
  comments: List[model.IssueComment],
  hasWritePermission: Boolean,
  repository: service.RepositoryService.RepositoryInfo,
  pullreq: Option[model.PullRequest] = None)(implicit context: app.Context)
@import context._
@import view.helpers._
<div class="issue-avatar-image">@avatar(issue.openedUserName, 48)</div>
<div class="box issue-comment-box">
  <div class="box-header-small">
    @user(issue.openedUserName, styleClass="username strong") <span class="muted">commented on @datetime(issue.registeredDate)</span>
    <span class="pull-right">
      @if(hasWritePermission || loginAccount.map(_.userName == issue.openedUserName).getOrElse(false)){
        <a href="#" data-issue-id="@issue.issueId"><i class="icon-pencil"></i></a>
      }
    </span>
  </div>
  <div class="box-content issue-content" id="issueContent">
    @markdown(issue.content getOrElse "No description provided.", repository, false, true)
  </div>
</div>

@comments.map { comment =>
  @if(comment.action != "close" && comment.action != "reopen" && comment.action != "delete_branch"){
    <div class="issue-avatar-image">@avatar(comment.commentedUserName, 48)</div>
    <div class="box issue-comment-box" id="comment-@comment.commentId">
      <div class="box-header-small">
        @user(comment.commentedUserName, styleClass="username strong")
        <span class="muted">
          @if(comment.action == "comment"){
            commented
          } else {
            @if(pullreq.isEmpty){ referenced the issue } else { referenced the pull request }
          }
          on @datetime(comment.registeredDate)
        </span>
        <span class="pull-right">
          @if(comment.action != "commit" && comment.action != "merge" && comment.action != "refer" &&
                (hasWritePermission || loginAccount.map(_.userName == comment.commentedUserName).getOrElse(false))){
            <a href="#" data-comment-id="@comment.commentId"><i class="icon-pencil"></i></a>&nbsp;
            <a href="#" data-comment-id="@comment.commentId"><i class="icon-remove-circle"></i></a>
          }
        </span>
      </div>
      <div class="box-content"class="issue-content" id="commentContent-@comment.commentId">
        @if(comment.action == "commit" && comment.content.split(" ").last.matches("[a-f0-9]{40}")){
          @defining(comment.content.substring(comment.content.length - 40)){ id =>
            <div class="pull-right"><a href="@path/@repository.owner/@repository.name/commit/@id" class="monospace">@id.substring(0, 7)</a></div>
            @markdown(comment.content.substring(0, comment.content.length - 41), repository, false, true)
          }
        } else {
          @if(comment.action == "refer"){
            @defining(comment.content.split(":")){ case Array(issueId, rest @ _*) =>
              <strong><a href="@path/@repository.owner/@repository.name/issues/@issueId">Issue #@issueId</a>: @rest.mkString(":")</strong>
            }
          } else {
            @markdown(comment.content, repository, false, true)
          }
        }
      </div>
    </div>
  }
  @if(comment.action == "merge"){
    <div class="small" style="margin-top: 10px; margin-bottom: 10px;">
      <span class="label label-info">Merged</span>
      @avatar(comment.commentedUserName, 20)
      @user(comment.commentedUserName, styleClass="username strong") merged commit <code>@pullreq.map(_.commitIdTo.substring(0, 7))</code> into
      @if(pullreq.get.requestUserName == repository.owner){
        <span class="label label-info monospace">@pullreq.map(_.branch)</span> from <span class="label label-info monospace">@pullreq.map(_.requestBranch)</span>
      } else {
        <span class="label label-info monospace">@pullreq.map(_.userName):@pullreq.map(_.branch)</span> to <span class="label label-info monospace">@pullreq.map(_.requestUserName):@pullreq.map(_.requestBranch)</span>
      }
      @datetime(comment.registeredDate)
    </div>
  }
  @if(comment.action == "close" || comment.action == "close_comment"){
    <div class="small issue-comment-action">
      <span class="label label-important">Closed</span>
      @avatar(comment.commentedUserName, 20)
      @if(issue.isPullRequest){
        @user(comment.commentedUserName, styleClass="username strong") closed the pull request @datetime(comment.registeredDate)
      } else {
        @user(comment.commentedUserName, styleClass="username strong") closed the issue @datetime(comment.registeredDate)
      }
    </div>
  }
  @if(comment.action == "reopen" || comment.action == "reopen_comment"){
    <div class="small issue-comment-action">
      <span class="label label-success">Reopened</span>
      @avatar(comment.commentedUserName, 20)
      @user(comment.commentedUserName, styleClass="username strong") reopened the issue @datetime(comment.registeredDate)
    </div>
  }
  @if(comment.action == "delete_branch"){
    <div class="small issue-comment-action">
      <span class="label">Deleted</span>
      @avatar(comment.commentedUserName, 20)
      @user(comment.commentedUserName, styleClass="username strong") deleted the <span class="label label-info monospace">@pullreq.map(_.requestBranch)</span> branch @datetime(comment.registeredDate)
    </div>
  }
}
<script>
$(function(){
  $('i.icon-pencil').click(function(){
    var id  = $(this).closest('a').data('comment-id');
    var url = '@url(repository)/issue_comments/_data/' + id;
    var $content = $('#commentContent-' + id);

    if(!id){
      id  = $(this).closest('a').data('issue-id');
      url = '@url(repository)/issues/_data/' + id;
      $content = $('#issueContent');
    }

    $.get(url,
    {
      dataType : 'html'
    },
    function(data){
      $content.empty().html(data);
    });
    return false;
  });
  $('.issue-comment-box i.icon-remove-circle').click(function(){
    if(confirm('Are you sure you want to delete this?')) {
      var id = $(this).closest('a').data('comment-id');
      $.post('@url(repository)/issue_comments/delete/' + id,
      function(data){
        if(data > 0) {
          $('#comment-' + id).prev('div.issue-avatar-image').remove();
          $('#comment-' + id).remove();
        }
      });
    }
    return false;
  });
});
</script>