{{template "header.html" . }}

<div class="colstack panel_stack">
{{template "panel-menu.html" . }}
<script>var form_vars = {
	'forum_active': ['Hide','Show'],
	'forum_preset': ['all','announce','members','staff','admins','archive','custom']};
</script>

<main class="colstack_right">
	<div class="colstack_item colstack_head">
		<div class="rowitem"><h1>Forums</h1></div>
	</div>
	<div id="panel_forums" class="colstack_item rowlist">
		{{range .ItemList}}
		<div class="rowitem editable_parent">
			<span id="panel_forums_left_box">
				{{/** TODO: Make sure the forum_active_name class is set and unset when the activity status of this forum is changed **/}}
				<a data-field="forum_name" data-type="text" class="editable_block forum_name{{if not .Active}} forum_active_name{{end}}">{{.Name}}</a>
				<br /><span data-field="forum_desc" data-type="text" class="editable_block forum_desc rowsmall">{{.Desc}}</span>
			</span>
			<span class="panel_floater">
				<span data-field="forum_active" data-type="list" class="panel_tag editable_block forum_active {{if .Active}}forum_active_Show" data-value="1{{else}}forum_active_Hide" data-value="0{{end}}" title="Hidden"></span>
				<span data-field="forum_preset" data-type="list" data-value="{{.Preset}}" class="panel_tag editable_block forum_preset forum_preset_{{.Preset}}" title="{{.PresetLang}}"></span>
			</span>
			<span class="panel_buttons">
				<a class="panel_tag edit_fields hide_on_edit panel_right_button edit_button" aria-label="Edit Forum"></a>
				<a class="panel_right_button" href="/panel/forums/edit/submit/{{.ID}}"><button class='panel_tag submit_edit show_on_edit' type='submit'>Update</button></a>
				{{if gt .ID 1}}<a href="/panel/forums/delete/{{.ID}}?session={{$.CurrentUser.Session}}" class="panel_tag panel_right_button hide_on_edit delete_button" aria-label="Delete Forum"></a>{{end}}
				<a href="/panel/forums/edit/{{.ID}}" class="panel_tag panel_right_button show_on_edit"><button>Full Edit</button></a>
			</span>
		</div>
		{{end}}
	</div>

	<div class="colstack_item colstack_head">
		<div class="rowitem"><h1>Add Forum</h1></div>
	</div>
	<div class="colstack_item">
		<form action="/panel/forums/create/?session={{.CurrentUser.Session}}" method="post">
			<div class="formrow">
				<div class="formitem formlabel"><a>Name</a></div>
				<div class="formitem"><input name="forum-name" type="text" placeholder="Super Secret Forum" /></div>
			</div>
			<div class="formrow">
				<div class="formitem formlabel"><a>Description</a></div>
				<div class="formitem"><input name="forum-desc" type="text" placeholder="Where all the super secret stuff happens" /></div>
			</div>
			<div class="formrow">
				<div class="formitem formlabel"><a>Active</a></div>
				<div class="formitem"><select name="forum-active">
					<option selected value="1">Yes</option>
					<option value="0">No</option>
				</select></div>
			</div>
			<div class="formrow">
				<div class="formitem formlabel"><a>Preset</a></div>
				<div class="formitem"><select name="forum-preset">
					<option selected value="all">Everyone</option>
					<option value="announce">Announcements</option>
					<option value="members">Member Only</option>
					<option value="staff">Staff Only</option>
					<option value="admins">Admin Only</option>
					<option value="archive">Archive</option>
					<option value="custom">Custom</option>
				</select></div>
			</div>
			<div class="formrow">
				<div class="formitem"><button name="panel-button" class="formbutton">Add Forum</button></div>
			</div>
		</form>
	</div>
</main>

</div>
{{template "footer.html" . }}