{{template "header.html" . }}

<main id="forumItemList"itemscope itemtype="http://schema.org/ItemList">

{{if gt .Page 1}}<div id="prevFloat"class="prev_button"><a class="prev_link"aria-label="{{lang "paginator.prev_page_aria"}}" rel="prev"href="{{.Forum.Link}}?page={{subtract .Page 1}}">{{lang "paginator.less_than"}}</a></div>{{end}}
{{if ne .LastPage .Page}}<div id="nextFloat"class="next_button"><a class="next_link"aria-label="{{lang "paginator.next_page_aria"}}" rel="next"href="{{.Forum.Link}}?page={{add .Page 1}}">{{lang "paginator.greater_than"}}</a></div>{{end}}
{{if not .CurrentUser.Loggedin}}<link rel="canonical"href="//{{.Site.URL}}{{.Forum.Link}}{{if gt .Page 1}}?page={{.Page}}{{end}}">{{end}}

	<div id="forum_head_block"class="rowblock rowhead topic_list_title_block{{if .CurrentUser.Loggedin}} has_opt{{end}}">
		<div class="rowitem forum_title">
			<h1 itemprop="name">{{.Title}}</h1>
		</div>
		{{if .CurrentUser.Loggedin}}
		<div class="optbox">
			{{if .CurrentUser.Perms.CreateTopic}}
			<div class="opt dummy_opt"></div>
			<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/{{.Forum.ID}}"></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 "forum_locked_tooltip"}}"aria-label="{{lang "forum_locked_aria"}}"><a></a></div>{{end}}
		</div>
		<div style="clear:both;"></div>
	{{end}}
	</div>
	{{if .CurrentUser.Loggedin}}
	{{template "topics_mod_floater.html" .}}
	
	{{if .CurrentUser.Perms.CreateTopic}}
	<div id="forum_topic_create_form"class="rowblock topic_create_form quick_create_form auto_hide"aria-label="{{lang "quick_topic.aria"}}">
		<form id="quick_post_form"enctype="multipart/form-data"action="/topic/create/submit/?s={{.CurrentUser.Session}}"method="post"></form>
		<img class="little_row_avatar"src="{{.CurrentUser.MicroAvatar}}"height=64 alt="{{lang "quick_topic.avatar_alt"}}"title="{{lang "quick_topic.avatar_tooltip"}}">
		<input form="quick_post_form"id="topic_board_input"name="board"value="{{.Forum.ID}}"type="hidden">
		<div class="main_form">
			<div class="topic_meta">
				<div class="formrow topic_name_row real_first_child">
					<div class="formitem">
						<input form="quick_post_form"name="name"placeholder="{{lang "quick_topic.whatsup"}}"required>
					</div>
				</div>
			</div>
			{{template "topics_quick_topic.html" . }}
		</div>
	</div>
	{{end}}
	{{end}}
	<div id="forum_topic_list"class="rowblock topic_list single_forum"aria-label="{{lang "forum_list_aria"}}">
		{{range .ItemList}}<div class="topic_row{{if .Sticky}} topic_sticky{{else if .IsClosed}} topic_closed{{end}}{{if .CanMod}} can_mod{{end}}"data-tid="{{.ID}}">
		<div class="rowitem topic_left passive datarow">
			<span class="selector"></span>
			<a href="{{.Creator.Link}}"><img src="{{.Creator.MicroAvatar}}"height=64 alt="Avatar"title="{{.Creator.Name}}'s Avatar"aria-hidden="true"></a>
			<span class="topic_inner_left">
				<a class="rowtopic"href="{{.Link}}"itemprop="itemListElement"title="{{.Title}}"><span>{{.Title}}</span></a>
				<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>
			{{/** TODO: Phase this out of Cosora and remove it **/}}
			<div class="topic_inner_right rowsmall">
				<span class="replyCount">{{.PostCount}}</span><br>
				<span class="likeCount">{{.LikeCount}}</span>
			</div>
		</div>
		<div class="topic_middle">
			<div class="topic_middle_inside rowsmall">
				<span class="replyCount">{{.PostCount}}&nbsp;{{lang "topic_list.replies_suffix"}}</span>
				<span class="likeCount">{{.LikeCount}}&nbsp;{{lang "topic_list.likes_suffix"}}</span>
				<span class="viewCount">{{.ViewCount}}&nbsp;{{lang "topic_list.views_suffix"}}</span>
			</div>
		</div>
		<div class="rowitem topic_right passive datarow">
			<div class="topic_right_inside">
				<a href="{{.LastUser.Link}}"><img src="{{.LastUser.MicroAvatar}}"height=64 alt="Avatar"title="{{.LastUser.Name}}'s Avatar"aria-hidden="true"></a>
				<span>
					<a href="{{.LastUser.Link}}"class="lastName"title="{{.LastUser.Name}}">{{.LastUser.Name}}</a><br>
					<a href="{{.Link}}?page={{.LastPage}}{{if .LastReplyID}}#post-{{.LastReplyID}}{{end}}"class="rowsmall lastReplyAt"title="{{abstime .LastReplyAt}}">{{reltime .LastReplyAt}}</a>
				</span>
			</div>
		</div>
		</div>{{else}}<div class="rowitem passive rowmsg">{{lang "forum_no_topics"}}{{if .CurrentUser.Loggedin}}{{if .CurrentUser.Perms.CreateTopic}}&nbsp;<a href="/topics/create/{{.Forum.ID}}">{{lang "forum_start_one"}}</a>{{end}}{{end}}</div>{{end}}
	</div>

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