<div class="ui container">
	<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="divider"></div>
			<div class="ui left">
				<a class="ui cancel button" href="{{$.CancelLink}}">
					{{.locale.Tr "repo.milestones.cancel"}}
				</a>
				<button class="ui primary button">
					{{if .PageIsEditProjects}}{{.locale.Tr "repo.projects.modify"}}{{else}}{{.locale.Tr "repo.projects.create"}}{{end}}
				</button>
			</div>
		</div>
	</form>
</div>
