{{ template "base/alert" }}
{{range .Issue.Comments}}
	{{ $createdStr:= TimeSinceUnix .CreatedUnix $.Lang }}

	<!-- 0 = COMMENT, 1 = REOPEN, 2 = CLOSE, 3 = ISSUE_REF, 4 = COMMIT_REF,
	 5 = COMMENT_REF, 6 = PULL_REF, 7 = COMMENT_LABEL, 12 = START_TRACKING,
	 13 = STOP_TRACKING, 14 = ADD_TIME_MANUAL, 16 = ADDED_DEADLINE, 17 = MODIFIED_DEADLINE,
	 18 = REMOVED_DEADLINE, 19 = ADD_DEPENDENCY, 20 = REMOVE_DEPENDENCY, 21 = CODE,
	 22 = REVIEW, 23 = ISSUE_LOCKED, 24 = ISSUE_UNLOCKED -->
	{{if eq .Type 0}}
		<div class="comment" id="{{.HashTag}}">
			<a class="avatar" {{if gt .Poster.ID 0}}href="{{.Poster.HomeLink}}"{{end}}>
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<div class="content">
				<div class="ui top attached header">
					<span class="text grey"><a {{if gt .Poster.ID 0}}href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.commented_at" .HashTag $createdStr | Safe}}</span>
                    {{if not $.Repository.IsArchived}}
                        <div class="ui right actions">
                            {{if gt .ShowTag 0}}
                                <div class="item tag">
                                    {{if eq .ShowTag 1}}
                                        {{$.i18n.Tr "repo.issues.poster"}}
                                    {{else if eq .ShowTag 2}}
                                        {{$.i18n.Tr "repo.issues.collaborator"}}
                                    {{else if eq .ShowTag 3}}
                                        {{$.i18n.Tr "repo.issues.owner"}}
                                    {{end}}
                                </div>
                            {{end}}
                            {{template "repo/issue/view_content/add_reaction" Dict "ctx" $ "ActionURL" (Printf "%s/comments/%d/reactions" $.RepoLink .ID) }}
                            {{if or $.Permission.IsAdmin (eq .Poster.ID $.SignedUserID)}}
                                <div class="item action">
                                    <a class="edit-content" href="#"><i class="octicon octicon-pencil"></i></a>
                                    <a class="delete-comment" href="#" data-comment-id={{.HashTag}} data-url="{{$.RepoLink}}/comments/{{.ID}}/delete" data-locale="{{$.i18n.Tr "repo.issues.delete_comment_confirm"}}"><i class="octicon octicon-x"></i></a>
                                </div>
                            {{end}}
                        </div>
                    {{end}}
				</div>
				<div class="ui attached segment">
					<div class="render-content markdown has-emoji">
						{{if .RenderedContent}}
							{{.RenderedContent|Str2html}}
						{{else}}
							<span class="no-content">{{$.i18n.Tr "repo.issues.no_content"}}</span>
						{{end}}
					</div>
					<div class="raw-content hide">{{.Content}}</div>
					<div class="edit-content-zone hide" data-write="issuecomment-{{.ID}}-write" data-preview="issuecomment-{{.ID}}-preview" data-update-url="{{$.RepoLink}}/comments/{{.ID}}" data-context="{{$.RepoLink}}"></div>
				</div>
				{{$reactions := .Reactions.GroupByType}}
				{{if $reactions}}
					<div class="ui attached segment reactions">
						{{template "repo/issue/view_content/reactions" Dict "ctx" $ "ActionURL" (Printf "%s/comments/%d/reactions" $.RepoLink .ID) "Reactions" $reactions }}
					</div>
				{{end}}
				{{if .Attachments}}
					<div class="ui bottom attached segment">
						<div class="ui small images">
							{{range .Attachments}}
								<a target="_blank" rel="noopener noreferrer" href="{{AppSubUrl}}/attachments/{{.UUID}}">
									{{if FilenameIsImage .Name}}
										<img class="ui image" src="{{AppSubUrl}}/attachments/{{.UUID}}" title='{{$.i18n.Tr "repo.issues.attachment.open_tab" .Name}}'>
									{{else}}
										<span class="ui image octicon octicon-desktop-download" title='{{$.i18n.Tr "repo.issues.attachment.download" .Name}}'></span>
									{{end}}
								</a>
							{{end}}
						</div>
					</div>
				{{end}}
			</div>
		</div>
	{{else if eq .Type 1}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.reopened_at" .EventTag $createdStr | Safe}}</span>
		</div>
	{{else if eq .Type 2}}
		<div class="event">
			<span class="octicon octicon-circle-slash"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.closed_at" .EventTag $createdStr | Safe}}</span>
		</div>
	{{else if eq .Type 4}}
		<div class="event">
			<span class="octicon octicon-bookmark"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.commit_ref_at" .EventTag $createdStr | Safe}}</span>

			<div class="detail">
				<span class="octicon octicon-git-commit"></span>
				<span class="text grey">{{.Content | Str2html}}</span>
			</div>
		</div>
	{{else if eq .Type 7}}
		{{if .Label}}
			<div class="event">
				<span class="octicon octicon-primitive-dot"></span>
				<a class="ui avatar image" href="{{.Poster.HomeLink}}">
					<img src="{{.Poster.RelAvatarLink}}">
				</a>
				<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
				{{if .Content}}{{$.i18n.Tr "repo.issues.add_label_at" .Label.ForegroundColor .Label.Color (.Label.Name|Escape) $createdStr | Safe}}{{else}}{{$.i18n.Tr "repo.issues.remove_label_at" .Label.ForegroundColor .Label.Color (.Label.Name|Escape) $createdStr | Safe}}{{end}}</span>
			</div>
		{{end}}
	{{else if eq .Type 8}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
			{{if gt .OldMilestoneID 0}}{{if gt .MilestoneID 0}}{{$.i18n.Tr "repo.issues.change_milestone_at" (.OldMilestone.Name|Escape) (.Milestone.Name|Escape) $createdStr | Safe}}{{else}}{{$.i18n.Tr "repo.issues.remove_milestone_at" (.OldMilestone.Name|Escape) $createdStr | Safe}}{{end}}{{else if gt .MilestoneID 0}}{{$.i18n.Tr "repo.issues.add_milestone_at" (.Milestone.Name|Escape) $createdStr | Safe}}{{end}}</span>
		</div>
	{{else if eq .Type 9}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			{{if gt .AssigneeID 0}}
				{{if .RemovedAssignee}}
					<a class="ui avatar image" href="{{.Assignee.HomeLink}}">
						<img src="{{.Assignee.RelAvatarLink}}">
					</a>
					<span class="text grey">
						<a href="{{.Assignee.HomeLink}}">{{.Assignee.GetDisplayName}}</a>
						{{ if eq .Poster.ID .Assignee.ID }}
							{{$.i18n.Tr "repo.issues.remove_self_assignment" $createdStr | Safe}}
						{{ else }}
							{{$.i18n.Tr "repo.issues.remove_assignee_at" (.Poster.GetDisplayName|Escape) $createdStr | Safe}}
						{{ end }}
					</span>
				{{else}}
					<a class="ui avatar image" href="{{.Assignee.HomeLink}}">
						<img src="{{.Assignee.RelAvatarLink}}">
					</a>
					<span class="text grey">
						<a href="{{.Assignee.HomeLink}}">{{.Assignee.GetDisplayName}}</a>
						{{if eq .Poster.ID .AssigneeID}}
							{{$.i18n.Tr "repo.issues.self_assign_at" $createdStr | Safe}}
						{{else}}
							{{$.i18n.Tr "repo.issues.add_assignee_at" (.Poster.GetDisplayName|Escape) $createdStr | Safe}}
						{{end}}
					</span>
				{{end}}
			{{end}}
		</div>
	{{else if eq .Type 10}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
			{{$.i18n.Tr "repo.issues.change_title_at" (.OldTitle|Escape) (.NewTitle|Escape) $createdStr | Safe}}
			</span>
		</div>
	{{else if eq .Type 11}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
			{{$.i18n.Tr "repo.issues.delete_branch_at" (.CommitSHA|Escape) $createdStr | Safe}}
			</span>
		</div>
    {{else if eq .Type 12}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.start_tracking_history"  $createdStr | Safe}}</span>
		</div>
	{{else if eq .Type 13}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.stop_tracking_history"  $createdStr | Safe}}</span>

			<div class="detail">
				<span class="octicon octicon-clock"></span>
				<span class="text grey">{{.Content}}</span>
			</div>
		</div>
	{{else if eq .Type 14}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.add_time_history"  $createdStr | Safe}}</span>
			<div class="detail">
				<span class="octicon octicon-clock"></span>
				<span class="text grey">{{.Content}}</span>
			</div>
		</div>
	{{else if eq .Type 15}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a> {{$.i18n.Tr "repo.issues.cancel_tracking_history"  $createdStr | Safe}}</span>
		</div>
	{{else if eq .Type 16}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
			{{$.i18n.Tr "repo.issues.due_date_added" .Content $createdStr | Safe}}
			</span>
		</div>
	{{else if eq .Type 17}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
			{{$.i18n.Tr "repo.issues.due_date_modified" (.Content | ParseDeadline) $createdStr | Safe}}
			</span>
		</div>
	{{else if eq .Type 18}}
		<div class="event">
			<span class="octicon octicon-primitive-dot"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>
			<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
			{{$.i18n.Tr "repo.issues.due_date_remove" .Content $createdStr | Safe}}
			</span>
		</div>
	{{else if eq .Type 19}}
		<div class="event">
	    	<span class="octicon octicon-primitive-dot"></span>
	    	<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
	     	</a>
	     	<span class="text grey">
		     	{{$.i18n.Tr "repo.issues.dependency.added_dependency" .Poster.HomeLink (.Poster.GetDisplayName|Escape) $createdStr | Safe}}
	     	</span>
	     	<div class="detail">
		    	<span class="octicon octicon-plus"></span>
			 	<span class="text grey"><a href="{{$.RepoLink}}/issues/{{.DependentIssue.Index}}">#{{.DependentIssue.Index}} {{.DependentIssue.Title}}</a></span>
		 	</div>
     	</div>
	{{else if eq .Type 20}}
		<div class="event">
	     	<span class="octicon octicon-primitive-dot"></span>
	     	<a class="ui avatar image" href="{{.Poster.HomeLink}}">
		     	<img src="{{.Poster.RelAvatarLink}}">
	     	</a>
	     	<span class="text grey">
		     	{{$.i18n.Tr "repo.issues.dependency.removed_dependency" .Poster.HomeLink (.Poster.GetDisplayName|Escape) $createdStr | Safe}}
	     	</span>
	     	<div class="detail">
		     	<span class="text grey octicon octicon-trashcan"></span>
			 	<span class="text grey"><a href="{{$.RepoLink}}/issues/{{.DependentIssue.Index}}">#{{.DependentIssue.Index}} {{.DependentIssue.Title}}</a></span>
	     	</div>
     	</div>
	{{else if eq .Type 22}}
	    <div class="event" id="{{.HashTag}}">
	    	<span class="octicon octicon-{{.Review.Type.Icon}}"></span>
	    	<a class="ui avatar image" href="{{.Poster.HomeLink}}">
	    		<img src="{{.Poster.RelAvatarLink}}">
	    	</a>
	    	<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
	    		{{if eq .Review.Type 1}}
	    			{{$.i18n.Tr "repo.issues.review.approve" $createdStr | Safe}}
	    		{{else if eq .Review.Type 2}}
	    			{{$.i18n.Tr "repo.issues.review.comment" $createdStr | Safe}}
	    		{{else if eq .Review.Type 3}}
	    			{{$.i18n.Tr "repo.issues.review.reject" $createdStr | Safe}}
	    		{{else}}
	    			{{$.i18n.Tr "repo.issues.review.comment" $createdStr | Safe}}
	    		{{end}}
	    	</span>
	    	{{if .Content}}
	    		<div class="detail">
					<span class="octicon octicon-quote"></span>
	    			<span class="text grey">{{.Content}}</span>
	    		</div>
	    	{{end}}
			{{ range $filename, $lines := .Review.CodeComments}}
				{{range $line, $comms := $lines}}
						<div class="ui segments">
							<div class="ui segment">
								{{$invalid := (index $comms 0).Invalidated}}
							{{if $invalid}}
								<button id="show-outdated-{{(index $comms 0).ID}}" data-comment="{{(index $comms 0).ID}}" class="ui compact right labeled button show-outdated">
									<i class="octicon octicon-fold"></i>
									{{$.i18n.Tr "repo.issues.review.show_outdated"}}
								</button>
								<button id="hide-outdated-{{(index $comms 0).ID}}" data-comment="{{(index $comms 0).ID}}" class="hide ui compact right labeled button hide-outdated">
									<i class="octicon octicon-fold"></i>
									{{$.i18n.Tr "repo.issues.review.hide_outdated"}}
								</button>
							{{end}}
								<a href="{{(index $comms 0).CodeCommentURL}}" class="file-comment">{{$filename}}</a>
							</div>
							{{$diff := ((index $comms 0).MustAsDiff)}}
							{{if $diff}}
								{{$file := (index $diff.Files 0)}}
								<div id="code-preview-{{(index $comms 0).ID}}" class="ui table segment{{if $invalid}} hide{{end}}">
									<div class="diff-file-box diff-box file-content {{TabSizeClass $.Editorconfig $file.Name}}">
										<div class="file-body file-code code-view code-diff code-diff-unified">
											<table>
												<tbody>
													{{template "repo/diff/section_unified" dict "file" $file "root" $}}
												</tbody>
											</table>
										</div>
									</div>
								</div>
							{{end}}
							<div id="code-comments-{{(index $comms 0).ID}}" class="ui segment{{if $invalid}} hide{{end}}">
								<div class="ui comments">
									{{range $comms}}
										{{ $createdSubStr:= TimeSinceUnix .CreatedUnix $.Lang }}
										<div class="comment" id="{{.HashTag}}">
											<a class="avatar">
												<img src="{{.Poster.RelAvatarLink}}">
											</a>
											<div class="content">
												<a class="author" {{if gt .Poster.ID 0}}href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a>
												<div class="metadata">
													<span class="date">{{$.i18n.Tr "repo.issues.commented_at" .HashTag $createdSubStr | Safe}}</span>
												</div>
												<div class="text">
													<div class="render-content markdown has-emoji">
													{{if .RenderedContent}}
														{{.RenderedContent|Str2html}}
													{{else}}
														<span class="no-content">{{$.i18n.Tr "repo.issues.no_content"}}</span>
													{{end}}
													</div>
													<div class="raw-content hide">{{.Content}}</div>
												</div>
											</div>
										</div>
									{{end}}
								</div>
								{{template "repo/diff/comment_form_datahandler" dict "hidden" true "reply" (index $comms 0).ReviewID "root" $ "comment" (index $comms 0)}}
							</div>
						</div>
				{{end}}
			{{end}}
	    </div>
	{{else if eq .Type 23}}
		<div class="event">
			<span class="octicon octicon-lock"
				style="font-size:20px;margin-left:-28.5px; margin-right: -1px"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>

			{{ if .Content }}
	    		<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
				{{$.i18n.Tr "repo.issues.lock_with_reason" .Content $createdStr | Safe}}
	    		</span>
			{{ else }}
	    		<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
				{{$.i18n.Tr "repo.issues.lock_no_reason" $createdStr | Safe}}
	    		</span>
			{{ end }}
		</div>
	{{else if eq .Type 24}}
		<div class="event">
			<span class="octicon octicon-key"
				style="font-size:20px;margin-left:-28.5px; margin-right: -1px"></span>
			<a class="ui avatar image" href="{{.Poster.HomeLink}}">
				<img src="{{.Poster.RelAvatarLink}}">
			</a>

	    		<span class="text grey"><a href="{{.Poster.HomeLink}}">{{.Poster.GetDisplayName}}</a>
	    			{{$.i18n.Tr "repo.issues.unlock_comment" $createdStr | Safe}}
	    		</span>
		</div>
	{{end}}
{{end}}