{% from 'common/macros.html' import timestamp, subheader, pager %}
{%- extends 'base.html' -%}
{%- block title -%}browsing topic {{topic.name}}{%- endblock -%}
{%- block content -%}
{%- set td -%}
<ul class="horizontal">
  <li>{{topic.description}}</li>
  {%- if topic.locked() -%}
  <li class="visible">Locked</li>
  {%- endif -%}
</ul>
{%- endset -%}
{%- call() subheader(('Threads in "%s"' % topic.name), td) -%}
<fieldset class="plank even no-shadow minimal thread-actions">
  <legend>Actions</legend>
  {%- if is_logged_in() and get_active_user().can_post_to_topic(topic) -%}
  <a href="{{url_for('threads.new', topic_id=topic.id)}}" class="linkbutton">New thread</a>
  {%- endif -%}
  <a href="{{url_for('topics.feed', slug=topic.slug)}}" class="linkbutton rss">Subscribe via RSS</a>
  <form method="GET">
    <select name="sort_by">
      <option value="activity"{% if sort_by == 'activity' %}selected{% endif %}>Sorted by activity</option>
      <option value="thread" {% if sort_by == 'thread' %}selected{% endif %}>Sorted by newest</option>
    </select>
    <input type="submit" value="Sort">
  </form>
</fieldset>
{%- if is_mod() -%}
<fieldset class="plank even no-shadow minimal thread-actions">
  <legend>Moderation actions</legend>
  <a href="{{url_for('mod.edit_topic', topic_id=topic.id)}}" class="linkbutton">Edit</a>
  <form action="{{url_for('mod.lock_topic', topic_id=topic.id)}}" method="POST">
    <input type="hidden" value="{{(not topic.locked()) | int}}" name="lock">
    <input type="submit" class="warn" value="{{'Unlock' if topic.locked() else 'Lock'}}">
  </form>
</fieldset>
{%- endif -%}
{%- if threads | length > 0 -%}
<fieldset class="plank even no-shadow minimal thread-actions">
  <legend>Page</legend>
  {{- pager(page, page_count, args=request.args) -}}
</fieldset>
{%- endif -%}
{%- endcall -%}
{%- if threads | length == 0 -%}
<div class="plank"><p>There are no threads in this topic yet.{%- if is_logged_in() and get_active_user().can_post_to_topic(topic) %} Be the first to start a discussion!{%- endif -%}</p></div>
{%- endif -%}
{%- for thread in threads -%}
<div class="topic-info plank">
  <div class="title-container">
    <span class="info thread-title-counter"><a href="{{url_for('threads.thread', slug=thread.slug)}}">{{thread.title}}</a></span>
    <ul class="horizontal"></ul>
    {%- if thread.posts_count / 10 > 1 -%}
    {{pager(0, (((thread.posts_count / 10) | round(0, 'ceil') )| int), 'flex-last', url=url_for('threads.thread', slug=thread.slug))}}
    {%- endif -%}
  </div>
  <span>Started by <a href="{{url_for('users.user_page', username=thread.started_by)}}">{{thread.started_by_display_name if thread.started_by_display_name else thread.started_by}}</a> on {{timestamp(thread.created_at)}}</span>
  <span>{{thread.posts_count}} {{'repl' | pluralize(thread.posts_count, 'y', 'ies')}}</span>
  <span>Latest post by <a href="{{get_post_url(thread.latest_post_id, _anchor=true)}}">{{thread.latest_post_display_name if thread.latest_post_display_name else thread.latest_post_username}} on {{timestamp(thread.latest_post_created_at)}}</a>{{' (OP)' if thread.posts_count == 1 else ''}}</span>
</div>
{%- endfor -%}
{%- if threads | length > 0 -%}
<div class="plank secondary-bg">
  <fieldset class="plank even no-shadow minimal thread-actions">
    <legend>Page</legend>
    {{- pager(page, page_count, args=request.args) -}}
  </fieldset>
</div>
{%- endif -%}
{%- endblock -%}