{{$data := $.MergeBoxData}}
{{$issueLink := $.IssueLink}}
<div class="tw-w-full flex-left-right">
	<div class="flex-text-block">
		{{svg "octicon-alert"}}
		{{ctx.Locale.Tr "repo.pulls.outdated_with_base_branch"}}
	</div>
	{{if $data.UpdateAllowed}}
	<div class="ui buttons" data-global-init="initRepoPullRequestUpdate">
		<button class="ui button link-action" data-url="{{$issueLink}}/update">
			{{ctx.Locale.Tr "repo.pulls.update_branch"}}
		</button>
		{{if $data.UpdateByRebaseAllowed}}
		<div class="ui dropdown icon button">
			{{svg "octicon-triangle-down"}}
			<div class="menu">
				<a class="item selected" data-update-url="{{$issueLink}}/update">{{ctx.Locale.Tr "repo.pulls.update_branch"}}</a>
				<a class="item" data-update-url="{{$issueLink}}/update?style=rebase">{{ctx.Locale.Tr "repo.pulls.update_branch_rebase"}}</a>
			</div>
		</div>
		{{end}}
	</div>
	{{end}}
</div>