<h4 class="ui top attached header">
	{{.Title}}
	<div class="ui right">
		<div class="ui jump dropdown">
			<div class="ui primary tiny button">{{ctx.Locale.Tr "repo.settings.add_webhook"}}</div>
			{{template "repo/settings/webhook/link_menu" .}}
		</div>
	</div>
</h4>
<div class="ui attached segment">
	<div class="ui list">
		<div class="item">
			{{.Description}}
		</div>
		{{range .Webhooks}}
			<div class="item truncated-item-container">
				<span class="text {{if eq .LastStatus 1}}green{{else if eq .LastStatus 2}}red{{else}}grey{{end}} tw-mr-2">{{svg "octicon-dot-fill" 22}}</span>
				<div class="text truncate tw-flex-1 tw-mr-2">
					<a title="{{.URL}}" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a>
				</div>
				<a class="muted tw-p-2" href="{{$.BaseLink}}/{{.ID}}">{{svg "octicon-pencil"}}</a>
				<a class="delete-button tw-p-2" data-url="{{$.Link}}/delete" data-id="{{.ID}}" data-modal-id="delete-webhook">{{svg "octicon-trash"}}</a>
			</div>
		{{end}}
	</div>
</div>
