{{if eq .HookType "matrix"}}
	<p>{{ctx.Locale.Tr "repo.settings.add_web_hook_desc" "https://matrix.org/" (ctx.Locale.Tr "repo.settings.web_hook_name_matrix")}}</p>
	<form class="ui form" action="{{.BaseLink}}/matrix/{{or .Webhook.ID "new"}}" method="post">
		{{.CsrfTokenHtml}}
		<div class="required field {{if .Err_HomeserverURL}}error{{end}}">
			<label for="homeserver_url">{{ctx.Locale.Tr "repo.settings.matrix.homeserver_url"}}</label>
			<input id="homeserver_url" name="homeserver_url" type="url" value="{{.HookMetadata.HomeserverURL}}" autofocus required>
		</div>
		<div class="required field {{if .Err_Room}}error{{end}}">
			<label for="room_id">{{ctx.Locale.Tr "repo.settings.matrix.room_id"}}</label>
			<input id="room_id" name="room_id" type="text" value="{{.HookMetadata.Room}}" required>
		</div>
		<div class="field">
			<label>{{ctx.Locale.Tr "repo.settings.matrix.message_type"}}</label>
				<div class="ui selection dropdown">
				<input type="hidden" id="message_type" name="message_type" value="{{if .HookMetadata.MessageType}}{{.HookMetadata.MessageType}}{{else}}1{{end}}">
				<div class="default text"></div>
				{{svg "octicon-triangle-down" 14 "dropdown icon"}}
				<div class="menu">
					<div class="item" data-value="1">m.notice</div>
					<div class="item" data-value="2">m.text</div>
				</div>
			</div>
		</div>
		{{template "repo/settings/webhook/settings" .}}
	</form>
{{end}}