{{if eq .HookType "slack"}}
	<p>{{.locale.Tr "repo.settings.add_web_hook_desc" "https://slack.com" (.locale.Tr "repo.settings.web_hook_name_slack") | Str2html}}</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">{{.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">{{.locale.Tr "repo.settings.slack_channel"}}</label>
			<input id="channel" name="channel" value="{{.SlackHook.Channel}}" placeholder="e.g. #general" required>
		</div>

		<div class="field">
			<label for="username">{{.locale.Tr "repo.settings.slack_username"}}</label>
			<input id="username" name="username" value="{{.SlackHook.Username}}" placeholder="e.g. Gitea">
		</div>
		<div class="field">
			<label for="icon_url">{{.locale.Tr "repo.settings.slack_icon_url"}}</label>
			<input id="icon_url" name="icon_url" value="{{.SlackHook.IconURL}}" placeholder="e.g. https://example.com/img/favicon.png">
		</div>
		<div class="field">
			<label for="color">{{.locale.Tr "repo.settings.slack_color"}}</label>
			<input id="color" name="color" value="{{.SlackHook.Color}}" placeholder="e.g. #dd4b39, good, warning, danger">
		</div>
		{{template "repo/settings/webhook/settings" .}}
	</form>
{{end}}