{{$index := 0}}
<div class="timeline-item commits-list">
{{range .comment.Commits}}
	{{$tag := printf "%s-%d" $.comment.HashTag $index}}
	{{$index = Eval $index "+" 1}}
	<div class="singular-commit" id="{{$tag}}">
		<span class="badge badge-commit">{{svg "octicon-git-commit"}}</span>
		{{if .User}}
			<a class="avatar" href="{{.User.HomeLink}}">{{ctx.AvatarUtils.Avatar .User 20}}</a>
		{{else}}
			{{ctx.AvatarUtils.AvatarByEmail .Author.Email .Author.Name 20}}
		{{end}}

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

		<span class="tw-flex-1 gt-ellipsis tw-font-mono{{if gt .ParentCount 1}} grey text{{end}}" title="{{.Summary}}">{{RenderCommitMessageLinkSubject $.root.Context .Message $commitLink ($.comment.Issue.PullRequest.BaseRepo.ComposeMetas ctx)}}</span>

		{{if IsMultilineCommitMessage .Message}}
			<button class="ui button js-toggle-commit-body ellipsis-button" aria-expanded="false">...</button>
		{{end}}
		{{if IsMultilineCommitMessage .Message}}
			<pre class="commit-body tw-hidden">{{RenderCommitBody $.root.Context .Message ($.comment.Issue.PullRequest.BaseRepo.ComposeMetas ctx)}}</pre>
		{{end}}

		<span class="shabox tw-flex tw-items-center">
			{{template "repo/commit_statuses" dict "Status" .Status "Statuses" .Statuses}}
			{{$class := "ui sha label"}}
			{{if .Signature}}
				{{$class = (print $class " isSigned")}}
				{{if .Verification.Verified}}
					{{if eq .Verification.TrustStatus "trusted"}}
						{{$class = (print $class " isVerified")}}
					{{else if eq .Verification.TrustStatus "untrusted"}}
						{{$class = (print $class " isVerifiedUntrusted")}}
					{{else}}
						{{$class = (print $class " isVerifiedUnmatched")}}
					{{end}}
				{{else if .Verification.Warning}}
					{{$class = (print $class " isWarning")}}
				{{end}}
			{{end}}
			<a href="{{$commitLink}}" rel="nofollow" class="tw-ml-2 {{$class}}">
				<span class="shortsha">{{ShortSha .ID.String}}</span>
				{{if .Signature}}
					{{template "repo/shabox_badge" dict "root" $.root "verification" .Verification}}
				{{end}}
			</a>
		</span>
	</div>
{{end}}
</div>