{{template "base/alert" .}}
<h4 class="ui top attached header">
	{{.i18n.Tr "repo.settings.hooks"}}
	<div class="ui right">
		<div class="ui floating1 jump dropdown">
			<div class="ui blue tiny button">{{.i18n.Tr "repo.settings.add_webhook"}}</div>
			<div class="menu">
				<a class="item" href="{{.BaseLink}}/gitea/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/gitea-sm.png">Gitea
				</a>
				<a class="item" href="{{.BaseLink}}/gogs/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/gogs.ico">Gogs
				</a>
				<a class="item" href="{{.BaseLink}}/slack/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/slack.png">Slack
				</a>
				<a class="item" href="{{.BaseLink}}/discord/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/discord.png">Discord
				</a>
				<a class="item" href="{{.BaseLink}}/dingtalk/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/dingtalk.ico">Dingtalk
				</a>
				<a class="item" href="{{.BaseLink}}/telegram/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/telegram.png">Telegram
				</a>
				<a class="item" href="{{.BaseLink}}/msteams/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/msteams.png">Microsoft Teams
				</a>
				<a class="item" href="{{.BaseLink}}/feishu/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/feishu.png">Feishu
				</a>
				<a class="item" href="{{.BaseLink}}/matrix/new">
					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/matrix.svg">Matrix
				</a>
			</div>
		</div>
	</div>
</h4>
<div class="ui attached segment">
	<div class="ui list">
		<div class="item">
			{{.Description | Str2html}}
		</div>
		{{range .Webhooks}}
			<div class="item">
				{{if eq .LastStatus 1}}
					<span class="text green">{{svg "octicon-check"}}</span>
				{{else if eq .LastStatus 2}}
					<span class="text red">{{svg "octicon-alert"}}</span>
				{{else}}
					<span class="text grey">{{svg "octicon-dot-fill"}}</span>
				{{end}}
				<a class="dont-break-out" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a>
				<div class="ui right">
					<span class="text blue"><a href="{{$.BaseLink}}/{{.ID}}"><i class="fa fa-pencil"></i></a></span>
					<span class="text red"><a class="delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}"><i class="fa fa-times"></i></a></span>
				</div>
			</div>
		{{end}}
	</div>
</div>

{{template "repo/settings/webhook/delete_modal" .}}