{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content repository wiki new">
	{{template "repo/header" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<div class="ui header flex-text-block tw-justify-between">
			{{ctx.Locale.Tr "repo.wiki.new_page"}}
			{{if .PageIsWikiEdit}}
				<a class="ui tiny primary button" href="{{.RepoLink}}/wiki?action=_new">{{ctx.Locale.Tr "repo.wiki.new_page_button"}}</a>
			{{end}}
		</div>
		<form class="ui form" action="?action={{if .PageIsWikiEdit}}_edit{{else}}_new{{end}}" method="post">
			{{.CsrfTokenHtml}}
			<div class="field {{if .Err_Title}}error{{end}}">
				<input name="title" value="{{.title}}" aria-label="{{ctx.Locale.Tr "repo.wiki.page_title"}}" placeholder="{{ctx.Locale.Tr "repo.wiki.page_title"}}" autofocus required>
			</div>
			<div class="help">
				{{ctx.Locale.Tr "repo.wiki.page_name_desc"}}
			</div>

			{{$content := .content}}
			{{if not .PageIsWikiEdit}}
				{{$content = ctx.Locale.Tr "repo.wiki.welcome"}}
			{{end}}
			{{template "shared/combomarkdowneditor" (dict
				"MarkdownPreviewUrl" (print .Repository.Link "/markup")
				"MarkdownPreviewContext" .RepoLink
				"TextareaName" "content"
				"TextareaPlaceholder" (ctx.Locale.Tr "repo.wiki.page_content")
				"TextareaAriaLabel" (ctx.Locale.Tr "repo.wiki.page_content")
				"TextareaContent" $content
				"EasyMDE" true
			)}}

			<div class="field tw-mt-4">
				<input name="message" aria-label="{{ctx.Locale.Tr "repo.wiki.default_commit_message"}}" placeholder="{{ctx.Locale.Tr "repo.wiki.default_commit_message"}}">
			</div>
			<div class="divider"></div>
			<div class="text right">
				<button class="ui primary button">
					{{ctx.Locale.Tr "repo.wiki.save_page"}}
				</button>
				<a class="ui button red" href="{{.Link}}">{{ctx.Locale.Tr "repo.wiki.cancel"}}</a>
			</div>
		</form>
	</div>
</div>
{{template "base/footer" .}}