{{$index := 0}}
<div class="timeline-item commits-list">
{{range $commit := $.comment.Commits}}
	{{$gitCommit := $commit.GitCommit}}
	{{$tag := printf "%s-%d" $.comment.HashTag $index}}
	{{$index = Eval $index "+" 1}}
	<div class="flex-text-block" id="{{$tag}}">{{/*singular-commit*/}}
		<span class="badge badge-commit">{{svg "octicon-git-commit"}}</span>
		{{ctx.RenderUtils.AvatarStack $commit.AvatarStackData}}

		{{$commitBaseLink := printf "%s/commit" $.comment.Issue.PullRequest.BaseRepo.Link}}
		{{$commitLink:= printf "%s/%s" $commitBaseLink (PathEscape $gitCommit.ID.String)}}

		<span class="tw-flex-1 tw-font-mono gt-ellipsis" title="{{$gitCommit.MessageTitle}}">
			{{- ctx.RenderUtils.RenderCommitMessageLinkSubject $gitCommit.MessageUTF8 $commitLink $.comment.Issue.PullRequest.BaseRepo -}}
		</span>

		{{if $gitCommit.MessageBody}}
			<button class="ui button ellipsis-button show-panel toggle" data-panel="[data-singular-commit-body-for='{{$tag}}']">...</button>
		{{end}}

		<span class="flex-text-block">
			{{template "repo/commit_statuses" dict "Status" $commit.Status "Statuses" $commit.Statuses}}
			{{template "repo/commit_sign_badge" dict "Commit" $gitCommit "CommitBaseLink" $commitBaseLink "CommitSignVerification" $commit.Verification}}
		</span>
	</div>
	{{if $gitCommit.MessageBody}}
	<pre class="commit-body tw-ml-[33px] tw-hidden" data-singular-commit-body-for="{{$tag}}">
		{{- ctx.RenderUtils.RenderCommitBody $gitCommit.MessageUTF8 $.comment.Issue.PullRequest.BaseRepo -}}
	</pre>
	{{end}}
{{end}}
</div>
