{% extends 'news/base.html' %}
{% load url from future %}
{% load tagging_tags %}
{% load comment_tags %}
{% load script_tags %}
{% load core_tags %}
{% block title %}News: {{ story.title }}{% endblock %}
{% block custom_meta %}
{% open_graph_meta_tags story %}
{% endblock %}
{% block news_css %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/comments.css" />
{% endblock %}
{% block custom_js %}
{% if story.can_comment_on %}
{% script_tags "markitup jquery-ui" %}
<script type="text/javascript" src="{{ STATIC_URL }}js/comments.js"></script>
{% endif %}
{% endblock %}
{% block begin_body %}{% include 'core/social_sharing_begin.html' %}{% endblock %}
{% block news_content %}
<div class="solid-background">
<h3>{{ story.title }}</h3>
<div class="news-details">
   Submitted by {{ story.submitter.username }} on {{ story.date_submitted|date:"F d, Y" }}.
</div>
<hr />
<div class="news-content">
   <a href="{% url 'news-category' slug=story.category.slug %}">
   <img src="{{ story.category.icon.url }}" alt="{{ story.category.title }}" title="{{ story.category.title }}" 
      class="news-icon" /></a>
   {{ story.short_text|safe }}
   {{ story.long_text|safe }}
   <br clear="all" />
   <hr />
   <p>
   Category: <a href="{% url 'news-category' slug=story.category.slug %}">{{ story.category.title }}</a>
   <a href="{{ story.get_absolute_url }}"><img src="{{ STATIC_URL }}icons/link.png"
      alt="Story Permalink" title="Story Permalink" /></a>
{% if user.is_authenticated %}
   <a href="{% url 'news.views.email_story' story.id %}"><img src="{{ STATIC_URL }}icons/email_go.png"
      alt="Send this story to a friend" title="Send this story to a friend" /></a>
{% endif %}
   </p>
   {% tags_for_object story as story_tags %}
   {% if story_tags %}
   <div class="news-tags">
      <img src="{{ STATIC_URL }}icons/tag_blue.png" alt="Tags" title="Tags" /> Tags:
      <ul>
         {% for tag in story_tags %}
            <li><a href="{% url 'news-tag_page' tag_name=tag.name %}">{{ tag.name }}</a></li>
         {% endfor %}
      </ul>
   </div>
   {% endif %}
   {% social_sharing story.title story.get_absolute_url %}
</div>
{% get_comment_count for story as comment_count %}
<p>This story has <span id="comment-count">{{ comment_count }}</span> comment{{ comment_count|pluralize }}.</p>
<hr />
{% render_comment_list story %}
{% if story.can_comment_on %}
<p>Leave a comment?</p>
{% render_comment_form for story %}
{% else %}
<p>Comments are closed for this story. If you'd like to share your thoughts on this story 
with the site staff, you can <a href="{% url 'contact-form' %}">contact us directly</a>.</p>
{% endif %}
</div>
{% endblock %}
{% block end_body %}{% include 'core/social_sharing_end.html' %}{% endblock %}