{% from 'common/macros.html' import pager, timestamp, motd %}
{% from 'common/icons.html' import icn_lock, icn_sticky %}
{% extends "base.html" %}
{% block title %}browsing topic {{ topic['name'] }}{% endblock %}
{% block content %}
<nav class="darkbg">
  <h1 class="thread-title">All threads in "{{topic['name']}}"</h1>
  <span>{{topic['description']}}</span>
  <div>
    {% if active_user %}
      {% if not (topic['is_locked']) | int or active_user.is_mod() %}
        <a class="linkbutton" href="{{ url_for("threads.create", topic_id=topic['id']) }}">New thread</a>
      {% endif %}
      {% if active_user.is_mod() %}
        <a class="linkbutton" href="{{url_for("topics.edit", slug=topic['slug'])}}">Edit topic</a>
        <form class="modform" method="post" action="{{url_for("topics.edit", slug=topic['slug']) }}">
          <input type="hidden" name="is_locked" value="{{ (not topic.is_locked) | int }}">
          <input class="warn" type="submit" id="lock" value="{{"Unlock topic" if topic['is_locked'] else "Lock topic"}}">
        </form>
        <button type="button" class="critical" id="topic-delete-dialog-open">Delete</button>
      {% endif %}
    {% endif %}
  </div>
</nav>

{% if topic['is_locked'] %}
  {{ infobox("This topic is locked.;Only moderators can create new threads.", InfoboxKind.INFO) }}
{% endif %}

{%- with motds = get_motds() -%}
  {%- if motds -%}
    {%- for motd_obj in motds -%}
      {{- motd(motd_obj) -}}
    {%- endfor -%}
  {%- endif -%}
{%- endwith -%}

{% if threads_list | length == 0 %}
  <p>There are no threads in this topic.</p>
{% else %}
  {% for thread in threads_list %}
    <div class="thread">
      <div class="thread-sticky-container contain-svg">
        {% if thread['is_stickied'] %}
          {{ icn_sticky(48) }}
          <i>Stickied</i>
        {% endif %}
      </div>
      <div class="thread-info-container">
        <span class="thread-info-header">
          <span>
            <span class="thread-title"><a href="{{ url_for("threads.thread", slug=thread['slug']) }}">{{thread['title']}}</a>
            {% if thread['id'] in subscriptions %}
            ({{ subscriptions[thread['id']] }} unread)
            {% endif %}
            </span>
            &bullet;
            <span>
            Started by <a href="{{ url_for("users.page", username=thread['started_by']) }}">{{ thread['started_by_display_name'] or thread['started_by'] }}</a> on {{ timestamp(thread['created_at']) }}
            </span>
          </span>
        </span>
        <span>
          Latest post by <a href="{{ url_for("users.page", username=thread['latest_post_username']) }}">{{ thread['latest_post_display_name'] or thread['latest_post_username'] }}</a>
          on <a href="{{ url_for("threads.thread", slug=thread['slug'], after=thread['latest_post_id']) }}">on {{ timestamp(thread['latest_post_created_at']) }}</a>:
        </span>
        <span class="thread-info-post-preview">
          {{ thread['latest_post_content'] | safe }}
        </span>
      </div>
      <div class="thread-locked-container contain-svg">
        {% if thread['is_locked'] %}
          {{ icn_lock(48) }}
          <i>Locked</i>
        {% endif %}
      </div>
    </div>
  {% endfor %}
{% endif %}
<nav id="bottomnav">
  {{ pager(current_page = current_page, page_count = page_count) }}
</nav>

<dialog id="delete-dialog">
  <div class="delete-dialog-inner">
    Are you sure you want to delete this topic?
    <span>
      <button id=topic-delete-dialog-close>Cancel</button>
      <button class="critical" form=topic-delete-form>Delete</button>
      <form id="topic-delete-form" method="post" action="{{ url_for("topics.delete", slug = topic.slug) }}"></form>
    </span>
  </div>
</dialog>

<script src="{{ "/static/js/topic.js" | cachebust }}"></script>
{% endblock %}