{{template "header.html" . }}
<div class="colstack panel_stack">

{{template "panel-menu.html" . }}
<main class="colstack_right">
	<div class="colstack_item colstack_head">
		<div class="rowitem"><h1>Groups</h1></div>
	</div>
	<div id="panel_groups" class="colstack_item rowlist">
		{{range .ItemList}}
		<div class="rowitem panel_compactrow editable_parent">
			<a href="/panel/groups/edit/{{.ID}}" class="panel_upshift">{{.Name}}</a>
			<span class="panel_floater">
				{{if .RankClass}}<a class="panel_tag panel_rank_tag panel_rank_tag_{{.RankClass}}" title="{{.Rank}}"></a>
				{{else}}<span class="panel_tag">{{.Rank}}</span>{{end}}

				{{if .CanEdit}}<a href="/panel/groups/edit/{{.ID}}" class="panel_tag panel_right_button edit_button" aria-label="Edit Group"></a>{{end}}
			</span>
		</div>
		{{end}}
	</div>
	{{if gt .LastPage 1}}
	<div class="pageset">
		{{if gt .Page 1}}<div class="pageitem"><a href="?page={{subtract .Page 1}}">Prev</a></div>{{end}}
		{{range .PageList}}
		<div class="pageitem"><a href="?page={{.}}">{{.}}</a></div>
		{{end}}
		{{if ne .LastPage .Page}}<div class="pageitem"><a href="?page={{add .Page 1}}">Next</a></div>{{end}}
	</div>
	{{end}}
	<div class="colstack_item colstack_head">
		<div class="rowitem"><h1>Create Group</h1></div>
	</div>
	<div class="colstack_item the_form">
		<form action="/panel/groups/create/?session={{.CurrentUser.Session}}" method="post">
			<div class="formrow">
				<div class="formitem formlabel"><a>Name</a></div>
				<div class="formitem"><input name="group-name" type="text" placeholder="Administrator" /></div>
			</div>
			<div class="formrow">
				<div class="formitem formlabel"><a>Type</a></div>
				<div class="formitem">
					<select name="group-type"{{if not .CurrentUser.Perms.EditGroupGlobalPerms}} disabled{{end}}>
						<option selected>Member</option>
						<option{{if not .CurrentUser.Perms.EditGroupSuperMod}} disabled{{end}}>Mod</option>
						<option{{if not .CurrentUser.Perms.EditGroupAdmin}} disabled{{end}}>Admin</option>
						<option>Banned</option>
					</select>
				</div>
			</div>
			<div class="formrow">
				<div class="formitem formlabel"><a>Tag</a></div>
				<div class="formitem"><input name="group-tag" type="text" /></div>
			</div>
			<div class="formrow">
				<div class="formitem"><button name="panel-button" class="formbutton">Add Group</button></div>
			</div>
		</form>
	</div>
</main>

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