{{template "header.html" . }}
<main id="topicsItemList" itemscope itemtype="http://schema.org/ItemList">

<div class="rowblock rowhead topic_list_title_block{{if ne .CurrentUser.ID 0}} has_opt{{end}}">
	<div class="rowitem topic_list_title"><h1 itemprop="name">{{lang "topics_head"}}</h1></div>
	{{if ne .CurrentUser.ID 0}}
		<div class="optbox">
		{{if .ForumList}}
			<div class="pre_opt auto_hide"></div>
			<div class="opt create_topic_opt" title="{{lang "topic_list_create_topic_tooltip"}}" aria-label="{{lang "topic_list_create_topic_aria"}}"><a class="create_topic_link" href="/topics/create/"></a></div>
			{{/** TODO: Add a permissions check for this **/}}
			<div class="opt mod_opt" title="{{lang "topic_list_moderate_tooltip"}}">
				<a class="moderate_link" href="#" aria-label="{{lang "topic_list_moderate_aria"}}"></a>
			</div>
			{{else}}<div class="opt locked_opt" title="{{lang "topics_locked_tooltip"}}" aria-label="{{lang "topics_locked_aria"}}"><a></a></div>{{end}}
		</div>
		<div style="clear: both;"></div>
	{{end}}
</div>

{{if ne .CurrentUser.ID 0}}
{{/** TODO: Hide these from unauthorised users? **/}}
<div class="mod_floater auto_hide">
	<form method="post">
	<div class="mod_floater_head">
		<span>{{lang "topic_list_what_to_do"}}</span>
	</div>
	<div class="mod_floater_body">
		<select class="mod_floater_options">
			<option val="delete">{{lang "topic_list_moderate_delete"}}</option>
			<option val="lock">{{lang "topic_list_moderate_lock"}}</option>
			<option val="move">{{lang "topic_list_moderate_move"}}</option>
		</select>
		<button class="mod_floater_submit">{{lang "topic_list_moderate_run"}}</button>
	</div>
	</form>
</div>

{{if .ForumList}}
{{/** TODO: Have a seperate forum list for moving topics? Maybe an AJAX forum search compatible with plugin_guilds? **/}}
{{/** TODO: Add ARIA attributes for this **/}}
<div id="mod_topic_mover" class="modal_pane auto_hide">
	<form action="/topic/move/submit/?session={{.CurrentUser.Session}}" method="post">
		<input id="mover_fid" name="fid" value="0" type="hidden" />
		<div class="pane_header">
			<h3>{{lang "topic_list_move_head"}}</h3>
		</div>
		<div class="pane_body">
			<div class="pane_table">
				{{range .ForumList}}<div id="mover_fid_{{.ID}}" data-fid="{{.ID}}" class="pane_row">{{.Name}}</div>{{end}}
			</div>
		</div>
		<div class="pane_buttons">
			<button id="mover_submit">{{lang "topic_list_move_button"}}</button>
		</div>
	</form>
</div>
<div class="rowblock topic_create_form quick_create_form" style="display: none;" aria-label="{{lang "quick_topic_aria"}}">
	<form name="topic_create_form_form" id="quick_post_form" enctype="multipart/form-data" action="/topic/create/submit/?session={{.CurrentUser.Session}}" method="post"></form>
	<input form="quick_post_form" id="has_poll_input" name="has_poll" value="0" type="hidden" />
	<img class="little_row_avatar" src="{{.CurrentUser.Avatar}}" height="64" alt="{{lang "quick_topic_avatar_alt"}}" title="{{lang "quick_topic_avatar_tooltip"}}" />
	<div class="main_form">
		<div class="topic_meta">
			<div class="formrow topic_board_row real_first_child">
				<div class="formitem"><select form="quick_post_form" id="topic_board_input" name="topic-board">
					{{range .ForumList}}<option {{if eq .ID $.DefaultForum}}selected{{end}} value="{{.ID}}">{{.Name}}</option>{{end}}
				</select></div>
			</div>
			<div class="formrow topic_name_row">
				<div class="formitem">
					<input form="quick_post_form" name="topic-name" placeholder="{{lang "quick_topic_whatsup"}}" required>
				</div>
			</div>
		</div>
		<div class="formrow topic_content_row">
			<div class="formitem">
				<textarea form="quick_post_form" id="input_content" name="topic-content" placeholder="{{lang "quick_topic_content_placeholder"}}" required></textarea>
			</div>
		</div>
		<div class="formrow poll_content_row auto_hide">
			<div class="formitem">
				<div class="pollinput" data-pollinput="0">
					<input type="checkbox" disabled />
					<label class="pollinputlabel"></label>
					<input form="quick_post_form" name="pollinputitem[0]" class="pollinputinput" type="text" placeholder="{{lang "quick_topic_add_poll_option"}}" />
				</div>
			</div>
		</div>
		<div class="formrow quick_button_row">
			<div class="formitem">
				<button form="quick_post_form" class="formbutton">{{lang "quick_topic_create_topic_button"}}</button>
				<button form="quick_post_form" class="formbutton" id="add_poll_button">{{lang "quick_topic_add_poll_button"}}</button>
				{{if .CurrentUser.Perms.UploadFiles}}
				<input name="upload_files" form="quick_post_form" id="upload_files" multiple type="file" style="display: none;" />
				<label for="upload_files" class="formbutton add_file_button">{{lang "quick_topic_add_file_button"}}</label>
				<div id="upload_file_dock"></div>{{end}}
				<button class="formbutton close_form">{{lang "quick_topic_cancel_button"}}</button>
			</div>
		</div>
	</div>
</div>
	{{end}}
{{end}}
<div id="topic_list" class="rowblock topic_list" aria-label="{{lang "topics_list_aria"}}">
	{{range .TopicList}}<div class="topic_row" data-tid="{{.ID}}">
	<div class="rowitem topic_left passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}">
		<span class="selector"></span>
		<a href="{{.Creator.Link}}"><img src="{{.Creator.Avatar}}" height="64" alt="{{.Creator.Name}}'s Avatar" title="{{.Creator.Name}}'s Avatar" /></a>
		<span class="topic_inner_left">
			<a class="rowtopic" href="{{.Link}}" itemprop="itemListElement" title="{{.Title}}"><span>{{.Title}}</span></a> {{if .ForumName}}<a class="rowsmall parent_forum" href="{{.ForumLink}}" title="{{.ForumName}}">{{.ForumName}}</a>{{end}}
			<br /><a class="rowsmall starter" href="{{.Creator.Link}}" title="{{.Creator.Name}}">{{.Creator.Name}}</a>
			{{/** TODO: Avoid the double '|' when both .IsClosed and .Sticky are set to true. We could probably do this with CSS **/}}
			{{if .IsClosed}}<span class="rowsmall topic_status_e topic_status_closed" title="{{lang "status_closed_tooltip"}}"> | &#x1F512;&#xFE0E</span>{{end}}
			{{if .Sticky}}<span class="rowsmall topic_status_e topic_status_sticky" title="{{lang "status_pinned_tooltip"}}"> | &#x1F4CD;&#xFE0E</span>{{end}}
		</span>
		<span class="topic_inner_right rowsmall" style="float: right;">
			<span class="replyCount">{{.PostCount}}</span><br />
			<span class="likeCount">{{.LikeCount}}</span>
		</span>
	</div>
	<div class="rowitem topic_right passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}">
		<a href="{{.LastUser.Link}}"><img src="{{.LastUser.Avatar}}" height="64" alt="{{.LastUser.Name}}'s Avatar" title="{{.LastUser.Name}}'s Avatar" /></a>
		<span>
			<a href="{{.LastUser.Link}}" class="lastName" style="font-size: 14px;" title="{{.LastUser.Name}}">{{.LastUser.Name}}</a><br>
			<span class="rowsmall lastReplyAt">{{.RelativeLastReplyAt}}</span>
		</span>
	</div>
	</div>{{else}}<div class="rowitem passive rowmsg">{{lang "topics_no_topics"}}{{if .CurrentUser.Perms.CreateTopic}} <a href="/topics/create/">{{lang "topics_start_one"}}</a>{{end}}</div>{{end}}
</div>

{{if gt .LastPage 1}}
{{template "paginator.html" . }}
{{end}}

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