{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content repository projects edit-project new milestone">
	{{template "repo/header" .}}
	<div class="ui container">
		<div class="navbar">
			{{template "repo/issue/navbar" .}}
			{{if and .CanWriteProjects .PageIsEditProject}}
			<div class="ui right floated secondary menu">
				<a class="ui green button" href="{{$.RepoLink}}/projects/new">{{.locale.Tr "repo.milestones.new"}}</a>
			</div>
			{{end}}
		</div>
		<div class="ui divider"></div>
		<h2 class="ui dividing header">
			{{if .PageIsEditProjects}}
			{{.locale.Tr "repo.projects.edit"}}
			<div class="sub header">{{.locale.Tr "repo.projects.edit_subheader"}}</div>
			{{else}}
				{{.locale.Tr "repo.projects.new"}}
				<div class="sub header">{{.locale.Tr "repo.projects.new_subheader"}}</div>
				{{end}}
		</h2>
		{{template "base/alert" .}}
		<form class="ui form grid" action="{{.Link}}" method="post">
			{{.CsrfTokenHtml}}
			<div class="eleven wide column">
				<input type="hidden" id="redirect" name="redirect" value="{{.redirect}}">
				<div class="field {{if .Err_Title}}error{{end}}">
					<label>{{.locale.Tr "repo.projects.title"}}</label>
					<input name="title" placeholder="{{.locale.Tr "repo.projects.title"}}" value="{{.title}}" autofocus required>
				</div>
				<div class="field">
					<label>{{.locale.Tr "repo.projects.description"}}</label>
					<textarea name="content" placeholder="{{.locale.Tr "repo.projects.description_placeholder"}}">{{.content}}</textarea>
				</div>

				{{if not .PageIsEditProjects}}
					<div class="field">
						<label>{{.locale.Tr "repo.projects.template.desc"}}</label>
						<div class="ui selection dropdown">
							<input type="hidden" name="board_type" value="{{.type}}">
							<div class="default text">{{.locale.Tr "repo.projects.template.desc_helper"}}</div>
							<div class="menu">
								{{range $element := .BoardTypes}}
									<div class="item" data-id="{{$element.BoardType}}" data-value="{{$element.BoardType}}">{{$.locale.Tr $element.Translation}}</div>
								{{end}}
							</div>
						</div>
					</div>
				{{end}}

				<div class="field">
					<label>{{.locale.Tr "repo.projects.card_type.desc"}}</label>
					<div class="ui selection dropdown">
						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
						{{range $element := .CardTypes}}
							{{if or (eq $.card_type $element.CardType) (and (not $.PageIsEditProjects) (eq $element.CardType 1))}}
								<input type="hidden" name="card_type" value="{{$element.CardType}}">
								<div class="default text">{{$.locale.Tr $element.Translation}}</div>
							{{end}}
						{{end}}
						<div class="menu">
							{{range $element := .CardTypes}}
								<div class="item" data-id="{{$element.CardType}}" data-value="{{$element.CardType}}">{{$.locale.Tr $element.Translation}}</div>
							{{end}}
						</div>
					</div>
				</div>

			</div>
			<div class="ui container">
				<div class="ui divider"></div>
				<div class="ui left">
					{{if .PageIsEditProjects}}
					<a class="ui primary basic button" href="{{.RepoLink}}/projects{{if eq .redirect "project"}}/{{.projectID}}{{end}}">
						{{.locale.Tr "repo.milestones.cancel"}}
					</a>
					<button class="ui green button">
						{{.locale.Tr "repo.projects.modify"}}
					</button>
					{{else}}
						<button class="ui green button">
							{{.locale.Tr "repo.projects.create"}}
						</button>
					{{end}}
				</div>
			</div>

		</form>
	</div>
</div>
{{template "base/footer" .}}
