{%- from 'common/macros.html' import subheader, timestamp, pager, babycode_editor_component -%}
{%- from 'common/icons.html' import icn_bookmark -%}
{%- from 'common/macros.html' import full_post with context -%}
{%- extends 'base.html' -%}
{%- block title -%}{{thread.title}}{%- endblock -%}
{%- block content -%}
<bitty-8 data-connect="/static/js/bits/bookmark-menu.js"></bitty-8>
{%- set td -%}
<ul class="horizontal">
<li>Started by <a href="{{url_for('users.user_page', username=started_by.username)}}">{{started_by.get_readable_name()}}</a> in topic <a href="{{url_for('topics.topic_by_id', topic_id=topic.id)}}">{{topic.name}}</a></li>
{%- if thread.locked() or thread.stickied() -%}
  {%- if thread.locked() -%}
  <li class="visible">Locked</li>
  {%- endif -%}
  {%- if thread.stickied() -%}
  <li class="visible">Stickied</li>
  {%- endif -%}
{%- endif -%}
</ul>
{%- endset -%}
{%- call() subheader(thread.title, td) -%}
<fieldset class="plank even no-shadow minimal thread-actions">
  <legend>Actions</legend>
  {%- if is_logged_in() -%}
  {%- if thread.user_id == get_active_user().id -%}
  <a class="linkbutton" href="{{url_for('threads.edit', thread_id=thread.id)}}">Rename</a>
  {%- endif -%}
  <form action="{{url_for('threads.subscribe' if not get_active_user().is_subscribed(thread.id) else 'threads.unsubscribe', thread_id=thread.id)}}" method="POST">
    <input type="hidden" name="last_post_timestamp" value="{{last_post.created_at}}">
    <input type="hidden" name="last_post_id" value="{{last_post.id}}">
    <input type="submit" value="{{'Subscribe' if not get_active_user().is_subscribed(thread.id) else 'Unsubscribe'}}">
  </form>
  <button disabled autocomplete='off' data-r="enhance" data-s="showBookmarkMenu" title="This feature requires JavaScript to be enabled." data-concept-kind="thread" data-concept-id="{{thread.id}}">{{icn_bookmark(24)}}Bookmark&hellip;</button>
  {%- endif -%}
  <a href="{{url_for('threads.feed', thread_id=thread.id)}}" class="linkbutton rss">Subscribe via RSS</a>
</fieldset>
{%- if is_mod() -%}
<fieldset class="plank even no-shadow minimal thread-actions">
  <legend>Moderation actions</legend>
  {%- if thread.user_id != get_active_user().id -%}
  <a class="linkbutton warn" href="{{url_for('threads.edit', thread_id=thread.id)}}">Rename</a>
  {%- endif -%}
  <form method="POST">
    <input type="hidden" name="lock" value="{{(not thread.locked()) | int}}">
    <input type="hidden" name="sticky" value="{{(not thread.stickied()) | int}}">
    <input type="submit" class="warn" value="{{'Unlock' if thread.locked() else 'Lock'}}" formaction="{{url_for('mod.lock_thread', thread_id=thread.id)}}">
    <input type="submit" class="warn" value="{{'Unsticky' if thread.stickied() else 'Sticky'}}" formaction="{{url_for('mod.sticky_thread', thread_id=thread.id)}}">
  </form>
  <form class="horizontal wrap" method="POST" action="{{url_for('mod.move_thread', thread_id=thread.id)}}">
    <select name="new_topic_id" id="new-topic-id" autocomplete="off" required>
      <option selected disabled value="">Move to topic:</option>
      {%- for t in topics -%}
      <option value="{{t.id}}" {{'disabled' if t.id==topic.id else ''}}>{{t.name}}</option>
      {%- endfor -%}
    </select>
    <input type="submit" value="Move" class="warn">
  </form>
</fieldset>
<fieldset class="plank even no-shadow minimal thread-actions">
  <legend>Page</legend>
  {{- pager(page, page_count) -}}
</fieldset>
{%- endif -%}
{%- endcall -%}
<main>
  {%- for post in posts -%}
  <article id="post-{{post.id}}" class="post plank">
    {{full_post(post)}}
  </article>
  {%- endfor -%}
</main>
<div class="plank secondary-bg">
  <fieldset class="plank even no-shadow minimal thread-actions">
    <legend>Page</legend>
    {{- pager(page, page_count) -}}
  </fieldset>
</div>
<div id="new-post-toast" class="plank even contrast-bg hidden">
  <span>New post in thread!</span>
  <span class="notification-buttons">
    <button>Dismiss</button>
    <button>View post</button>
    <button>Stop updates</button>
  </span>
</div>
{%- if is_logged_in() -%}
<div id="bookmark-popover" data-r="showBookmarkMenu" class="plank even" popover>
  <div class="bookmark-menu-header">
    <span>Bookmark collections</span>
    <a href="{{url_for('users.bookmarks', username=get_active_user().username)}}">View bookmarks</a>
  </div>
  <div class="bookmark-menu-inner" data-r="fillBookmarkMenu">Loading&hellip;</div>
</div>
{%- endif -%}
{%- if is_logged_in() and get_active_user().can_post_to_thread_or_topic(thread) -%}
<form action="{{url_for('threads.reply', thread_id=thread.id)}}" method="POST" class="plank post-edit-form" data-listen="submit" data-r="clearThreadDraft" data-s="clearThreadDraft">
  <h2 class="info">Reply to "{{thread.title}}"</h2>
  {{- babycode_editor_component() -}}
  <span>
    <input type="checkbox" {{'' if session['dont_subscribe_by_default'] else 'checked'}} name="subscribe" id="subscribe" autocomplete=off>
    <label for="subscribe">Subscribe to thread</label>
  </span>
  <span><input type="submit" value="Post reply"></span>
</form>
{%- endif -%}
{%- endblock -%}