{{$resolved := (index .comments 0).IsResolved}}
{{$resolveDoer := (index .comments 0).ResolveDoer}}
{{$isNotPending := (not (eq (index .comments 0).Review.Type 0))}}
<div class="conversation-holder" data-path="{{(index .comments 0).TreePath}}" data-side="{{if lt (index .comments 0).Line 0}}left{{else}}right{{end}}" data-idx="{{(index .comments 0).UnsignedLine}}">
	{{if $resolved}}
		<div class="ui attached header resolved-placeholder">
			<span class="ui grey text left"><b>{{$resolveDoer.Name}}</b> {{$.i18n.Tr "repo.issues.review.resolved_by"}}</span>
			<button id="show-outdated-{{(index .comments 0).ID}}" data-comment="{{(index .comments 0).ID}}" class="ui tiny right labeled button show-outdated">
				{{svg "octicon-unfold"}}
				{{$.i18n.Tr "repo.issues.review.show_resolved"}}
			</button>
			<button id="hide-outdated-{{(index .comments 0).ID}}" data-comment="{{(index .comments 0).ID}}" class="hide ui tiny right labeled button hide-outdated">
				{{svg "octicon-fold"}}
				{{$.i18n.Tr "repo.issues.review.hide_resolved"}}
			</button>
		</div>
	{{end}}
	<div id="code-comments-{{(index  .comments 0).ID}}" class="field comment-code-cloud {{if $resolved}}hide{{end}}">
		<div class="comment-list">
			<ui class="ui comments">
				{{template "repo/diff/comments" dict "root" $ "comments" .comments}}
			</ui>
		</div>
		{{template "repo/diff/comment_form_datahandler" dict "hidden" true "reply" (index .comments 0).ReviewID "root" $ "comment" (index .comments 0)}}
		{{if and $.CanMarkConversation $isNotPending}}
			<button class="ui icon tiny button resolve-conversation" data-origin="diff" data-action="{{if not $resolved}}Resolve{{else}}UnResolve{{end}}" data-comment-id="{{(index .comments 0).ID}}" data-update-url="{{$.RepoLink}}/issues/resolve_conversation" >
				{{if $resolved}}
					{{$.i18n.Tr "repo.issues.review.un_resolve_conversation"}}
				{{else}}
					{{$.i18n.Tr "repo.issues.review.resolve_conversation"}}
				{{end}}
			</button>
		{{end}}
	</div>
</div>