{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content repository new milestone">
	{{template "repo/header" .}}
	<div class="ui container">
		<div class="issue-navbar">
			{{template "repo/issue/navbar" .}}
			{{if and (or .CanWriteIssues .CanWritePulls) .PageIsEditMilestone}}
				<div class="ui right">
					<a class="ui primary button" href="{{$.RepoLink}}/milestones/new">{{ctx.Locale.Tr "repo.milestones.new"}}</a>
				</div>
			{{end}}
		</div>
		<div class="divider"></div>
		<h2 class="ui dividing header">
			{{if .PageIsEditMilestone}}
				{{ctx.Locale.Tr "repo.milestones.edit"}}
				<div class="sub header">{{ctx.Locale.Tr "repo.milestones.edit_subheader"}}</div>
			{{else}}
				{{ctx.Locale.Tr "repo.milestones.new"}}
				<div class="sub header">{{ctx.Locale.Tr "repo.milestones.new_subheader"}}</div>
			{{end}}
		</h2>
		{{template "base/alert" .}}
		<form class="ui form" action="{{.Link}}" method="post">
				<div class="field {{if .Err_Title}}error{{end}}">
					<label>{{ctx.Locale.Tr "repo.milestones.title"}}</label>
					<input name="title" placeholder="{{ctx.Locale.Tr "repo.milestones.title"}}" value="{{.title}}" autofocus required maxlength="50">
				</div>
				<div class="field {{if .Err_Deadline}}error{{end}}">
					<label>
						{{ctx.Locale.Tr "repo.milestones.due_date"}}
						<a id="milestone-clear-deadline">{{ctx.Locale.Tr "repo.milestones.clear"}}</a>
					</label>
					<input type="date" name="deadline" class="tw-w-auto" value="{{.deadline}}" placeholder="{{ctx.Locale.Tr "repo.issues.due_date_form"}}">
				</div>
				<div class="field">
					<label>{{ctx.Locale.Tr "repo.milestones.desc"}}</label>
					{{template "shared/combomarkdowneditor" (dict
						"MarkdownEditorContext" (ctx.MiscUtils.MarkdownEditorComment $.Repository)
						"TextareaName" "content"
						"TextareaContent" .content
						"TextareaPlaceholder" (ctx.Locale.Tr "repo.milestones.desc")
					)}}
				</div>
				<div class="flex-text-block tw-justify-end">
					{{if .PageIsEditMilestone}}
						<a class="ui primary basic button" href="{{.RepoLink}}/milestones">
							{{ctx.Locale.Tr "repo.milestones.cancel"}}
						</a>
						<button class="ui primary button">
							{{ctx.Locale.Tr "repo.milestones.modify"}}
						</button>
					{{else}}
						<button class="ui primary button">
							{{ctx.Locale.Tr "repo.milestones.create"}}
						</button>
					{{end}}
			</div>
		</form>
	</div>
</div>
{{template "base/footer" .}}
