{{if eq .HookType "slack"}}
	<p>{{ctx.Locale.Tr "repo.settings.add_web_hook_desc" "https://slack.com" (ctx.Locale.Tr "repo.settings.web_hook_name_slack")}}</p>
	<form class="ui form" action="{{.BaseLink}}/slack/{{or .Webhook.ID "new"}}" method="post">
		{{.CsrfTokenHtml}}
		<div class="required field {{if .Err_PayloadURL}}error{{end}}">
			<label for="payload_url">{{ctx.Locale.Tr "repo.settings.payload_url"}}</label>
			<input id="payload_url" name="payload_url" type="url" value="{{.Webhook.URL}}" autofocus required>
		</div>
		<div class="required field {{if .Err_Channel}}error{{end}}">
			<label for="channel">{{ctx.Locale.Tr "repo.settings.slack_channel"}}</label>
			<input id="channel" name="channel" value="{{.SlackHook.Channel}}" placeholder="#general" required>
		</div>

		<div class="field">
			<label for="username">{{ctx.Locale.Tr "repo.settings.slack_username"}}</label>
			<input id="username" name="username" value="{{.SlackHook.Username}}" placeholder="Gitea">
		</div>
		<div class="field">
			<label for="icon_url">{{ctx.Locale.Tr "repo.settings.slack_icon_url"}}</label>
			<input id="icon_url" name="icon_url" value="{{.SlackHook.IconURL}}" placeholder="https://example.com/img/favicon.png">
		</div>
		<div class="field">
			<label for="color">{{ctx.Locale.Tr "repo.settings.slack_color"}}</label>
			<input id="color" name="color" value="{{.SlackHook.Color}}" placeholder="#dd4b39, good, warning, danger">
		</div>
		{{/* FIXME: support authorization header or not? */}}
		{{template "repo/settings/webhook/settings" dict "BaseLink" .BaseLink "Webhook" .Webhook "UseAuthorizationHeader" "optional"}}
	</form>
{{end}}