{% 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 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 }}
<input type="submit" value="Submit Reply" id="forums-reply-post" />
</fieldset>
</form>
{% endif %}
</div>
{% endblock %}