<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}}/{{or .Webhook.ID "slack/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="{{.HookMetadata.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="{{.HookMetadata.Username}}" placeholder="Forgejo">
	</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="{{.HookMetadata.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="{{.HookMetadata.Color}}" placeholder="#dd4b39, good, warning, danger">
	</div>
	{{template "webhook/shared-settings" .}}
</form>
