{% extends 'base.html' %}
{% block title %}Forums: {{ topic.name }}{% endblock %}
{% block custom_js %}{{ form.media }}{% endblock %}
{% block content %}
<h2>Forums: {{ topic.name }}</h2>

<h3>
   <a href="{% url forums-index %}">SurfGuitar101 Forum Index</a> &raquo;
   <a href="{% url forums-forum_index slug=forum.slug %}">{{ forum.name }}</a> &raquo;
   <a href="{% url forums-topic_index id=topic.id %}">{{ topic.name }}</a>
</h3>

<div class="forum-block">
{% if topic.sticky %}
<img src="{{ MEDIA_URL }}/icons/asterisk_orange.png" alt="Sticky" title="Sticky" />
{% endif %}
{% if topic.locked %}
<img src="{{ MEDIA_URL }}/icons/lock.png" alt="Lock" title="This topic is locked" />
{% endif %}
{% if can_reply %}
{% if topic.locked or topic.sticky %}&bull;{% endif %}
{% if last_page %}
<a href="#forum-reply-form">New Reply</a>
{% else %}
<a href="./?page={{ page.paginator.num_pages }}#forum-reply-form">New Reply</a>
{% endif %}
{% endif %}
&bull; <a href="{% url forums-new_topic slug=forum.slug %}">New Topic</a>
{{ page_nav }}

<table class="forum-topic" id="forum-topic">
{% for post in page.object_list %}
{% include 'forums/display_post.html' %}
{% endfor %}
</table>
{{ page_nav }}
{% if can_moderate %}
<div class="forum-mod-controls">
   <form action="{% url forums-mod_topic_stick topic.id %}" method="post">
      <input type="submit" value="{% if topic.sticky %}Unstick{% else %}Stick{% endif %} Topic" />
   </form>
   <form action="{% url forums-mod_topic_lock topic.id %}" method="post">
      <input type="submit" value="{% if topic.locked %}Unlock{% else %}Lock{% endif %} Topic" />
   </form>
   <form action="{% url forums-mod_topic_delete topic.id %}" method="post">
      <input type="submit" value="Delete Topic" id="forum-mod-del-topic" />
   </form>
   <a href="{% url forums-mod_topic_move topic.id %}"><img src="{{ MEDIA_URL }}icons/application_go.png" alt="Move Topic" title="Move Topic" /></a>
   <a href="{% url forums-mod_topic_move topic.id %}">Move this topic</a>
   <a href="{% url forums-mod_topic_split topic.id %}"><img src="{{ MEDIA_URL }}icons/arrow_branch.png" alt="Split Topic" title="Split Topic" /></a>
   <a href="{% url forums-mod_topic_split topic.id %}">Split this topic</a>
</div>
{% endif %}

{% if last_page and can_reply %}
<a name="forum-reply-form"></a>
<form action="" method="post" id="forums-quick-reply">
<fieldset>
<legend>Reply to &quot;{{ topic.name }}&quot;</legend>
{{ form.as_p }}
<a href="#" id="more_smileys">
<img src="{{ MEDIA_URL }}icons/emoticon_smile.png" alt="More smileys" title="More smileys" /></a>
<input type="submit" value="Submit Reply" id="forums-reply-post" />
</fieldset>
</form>
<div id="smileys_dialog" title="More Smileys">
<img src="{{ MEDIA_URL }}icons/ajax_busy.gif" alt="Loading" id="smiley_busy" />
</div>
{% endif %}
</div>
{% endblock %}