{{template "header.html" . }}
<main>
	<div class="rowblock rowhead">
		<div class="rowitem"><h1>Create Topic</h1></div>
	</div>
	<div class="rowblock">
		<form action="/topic/create/submit/" method="post">
			<div class="formrow real_first_child">
				<div class="formitem formlabel"><a>Board</a></div>
				<div class="formitem"><select name="topic-board">
					{{range .ItemList}}<option {{if eq .ID $.FID}}selected{{end}} value="{{.ID}}">{{.Name}}</option>{{end}}
				</select></div>
			</div>
			<div class="formrow">
				<div class="formitem formlabel"><a>Topic Name</a></div>
				<div class="formitem"><input name="topic-name" type="text" placeholder="Topic Name" required /></div>
			</div>
			<div class="formrow">
				<div class="formitem formlabel"><a>Content</a></div>
				<div class="formitem"><textarea class="large" name="topic-content" placeholder="Insert content here" required></textarea></div>
			</div>
			<div class="formrow">
				<div class="formitem"><button name="topic-button" class="formbutton form_middle_button">Create Topic</button></div>
			</div>
		</form>
	</div>
</main>
{{template "footer.html" . }}