<%
  my $api = gitprep_api;
  
  my $user_id = stash('user_id');
  my $issue_message = stash('issue_message');

  my $session_user_id = $api->session_user_id;

  my $is_owner_comment = $issue_message->{'user.id'} eq $user_id;
  my $is_my_project = $user_id eq $session_user_id;
  my $is_my_comment = $issue_message->{'user.id'} eq $session_user_id;
  my $can_modify = $is_my_project || $is_my_comment;
%>

<div class="issue-message-row-id" id="row-<%= $issue_message->{row_id} %>">
  <div class="issue-message <%= $is_owner_comment ? 'issue-message-owner' : '' %>">
    <div class="issue-message-header <%= $is_owner_comment ? 'issue-message-header-owner' : '' %>">
      <div class="issue-message-header-left">
        <b><%= $issue_message->{'user.id'} %></b> <span style="color:#767676;">commented <%= $api->age_string($issue_message->{update_time}) %></span>
      </div>
      <div class="issue-message-header-right">
        % if ($is_owner_comment) {
          <div class="issue-message-owner-label">Owner</div>
        % }
        % if ($can_modify) {
          <a href="javascript:void(0)" class="issue-message-edit-btn"><i class="icon icon-pencil" style="margin-right:6px"></i></a>
        % }
        % if ($issue_message->{number} != 1) {
          % if ($can_modify) {
            <div class="icon-remove">
              <a href="javascript:void(0)" class="issue-message-delete-btn"><i class="icon icon-remove"></i></a>
            </div>
          % }
        % }
      </div>
    </div>
    <div class="issue-message-body markdown-body" style="padding:10px">
      <%== $api->markdown($issue_message->{message}) %>
    </div>
  </div>
  
  % if ($can_modify) {
    <div class="issue-message-update" style="display:none;margin-bottom:20px;">
      <div class="issue-add-comment">
        <form action="<%= url_for %>" method="post">
          <%= hidden_field 'op' %>
          <div class="issue-add-comment-header">
            <div class="issue-message-write-tab issue-add-comment-header-tab"><a href="javascript:void(0)">Write</a></div>
            <div class="issue-message-preview-tab issue-add-comment-header-tab"><a class="disable" href="javascript:void(0)">Preview</a></div>
            %= include '/include/issue_comment_icon';
          </div>
          <div class="issue-add-comment-body">
            <div class="issue-message-write-area issue-add-comment-message">
              <%= text_area 'message' => $issue_message->{message} %>
            </div>
            <div class="issue-message-preview-area issue-add-comment-preview markdown-body" style="padding:10px">
            </div>
            <div class="issue-add-comment-bottom">
              <div class="issue-add-comment-button-left">
                Styling with Markdown is supported
              </div>
              <div class="issue-add-comment-button">
                <button class="issue-message-update-cancel btn" onclick="javascript:return false;" >Cancel</button>
                <button class="issue-message-update-btn btn btn-green" onclick="javascript:return false">Update comment</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  % }
</div>