{% extends 'base.html' %}
{% block title %}Forums: {{ topic.name }}{% endblock %}
{% block custom_js %}{% if last_page %}{{ form.media }}{% endif %}{% 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 last_page %}
<a href="#forum-reply-form">New Reply</a> &bull;
{% else %}
<a href="">New Reply</a> &bull;
{% endif %}
<a href="{% url forums-new_topic slug=forum.slug %}">New Topic</a>

<table class="forum-topic" id="forum-topic">
{% for post in posts %}
{% include 'forums/display_post.html' %}
{% endfor %}
</table>
{% if last_page and user.is_authenticated %}
<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 %}