<div id="c-forum-topics">
  <div id="a-show">
    <h1>
      Topic: <%= @forum_topic.title %>
      <% if @forum_topic.is_deleted? %>
        (deleted)
      <% end %>
    </h1>

    <p class="info">Posted under <%= link_to @forum_topic.category_name, forum_topics_path(:search => {:category_id => @forum_topic.category_id}) %></p>

    <% if @forum_topic.is_locked? %>
      <div class="notice">
        <p>This topic has been locked.</p>
      </div>
    <% end %>

    <%= render "forum_posts/listing", :forum_posts => @forum_posts %>

    <% if CurrentUser.is_member? %>
      <p><%= link_to "Reply &raquo;".html_safe, new_forum_post_path(:topic_id => @forum_topic.id), :id => "new-response-link" %></p>

      <div style="display: none;" id="topic-response">
        <%= render "forum_posts/partials/new/form", :forum_post => ForumPost.new(:topic_id => @forum_topic.id) %>
      </div>
    <% end %>

    <%= numbered_paginator(@forum_posts) %>
  </div>
</div>

<%= render "secondary_links" %>

<%= content_for(:page_title) do %>
  Forum - <%= @forum_topic.title %> - <%= Danbooru.config.app_name %>
<% end %>

<%= content_for(:html_header) do %>
  <script>
    $(function() {
      $("#new-response-link").click(function(e) {
        $("#topic-response").show();

        $('html, body').animate({
            scrollTop: $("#forum_post_body").offset().top - 100
        }, 500);

        e.preventDefault();
      })
    });
  </script>
<% end %>
