{% extends "base.html" %}
{% from 'common/macros.html' import sortable_list, sortable_list_item %}
{% block content %}
<div class="darkbg">
  <h1>Change topics order</h1>
  <p>Drag topic titles to reoder them. Press "Save order" when done. The topics will appear to users in the order set here.</p>
  <form method="post">
    <input type=submit value="Save order">
    {% call() sortable_list() %}
      {% for topic in topics %}
        {% call() sortable_list_item(key="topics") %}
          <div class="thread-title">{{ topic.name }}</div>
          <div>{{ topic.description }}</div>
          <input type="hidden" name="topics[]" value="{{ topic.id }}" class="topic-input">
        {% endcall %}
      {% endfor %}
    {% endcall %}
  </form>
</div>
{% endblock %}