{% extends "base.html" %}
{% load i18n comments %}

{% block title %}{{ article.headline }}{% endblock %}

{% block description %}{{article.content|striptags|truncatewords:16}}{% endblock %}

{% block extra_head %}
 <link rel="image_src" type="image/jpeg" href="{{article.posting_image.url}}" />
{% endblock %}

{% block opengraph %}
  <meta property="og:type" content="article" />
  <meta property="og:title" content="{{ article.headline }}" />
  <meta property="og:url" content="http://www.kasu.at{{ article.get_absolute_url }}" />
  <meta property="og:image" content="http://www.kasu.at{{article.posting_image.url}}" />
  <meta property="og:description" content="{{article.content|striptags|truncatewords:25}}" />
{% endblock %}

{% block itemscope %}itemscope itemtype="http://schema.org/Article"{% endblock %}

{% block content %}
  <h2 itemprop="name">{{article.headline}}</h2>
  <div itemprop="articleBody">{{ article.content }}</div>
{% endblock %}

{% block sidebar %}
  <img alt="{{article.category.name}}" src="{{article.posting_image.url}}" class="posting_image" itemprop="image"/>
  <p>&nbsp;</p>

  <ul class="info">
   <li class="user"><strong>{% trans 'Author' %}:</strong> <a href="{% url "membership-details" article.author %}" itemprop="author">{{article.author}}</a></li>
   <li class="date"><strong>{% trans 'Created on' %}: </strong><time date="{{article.date_created|date:"c"}}">{{ article.date_created|date }}</time></li>
   <li class="category"><strong>{% trans "Category"%}: </strong><a href="{{ article.category.get_absolute_url }}" itemprop="articleSection">{{article.category.name}}</a></li>
  </ul>

  <p class="center">
   <a href="https://plus.google.com/share?url=http%3A%2F%2Fwww.kasu.at{{article.get_absolute_url|urlencode}}" onclick="javascript:window.open(this.href,
    '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="{{STATIC_URL}}img/google_plus.png" alt="Google+" title="{% trans 'Share on Google+'%}" width="39" height="39"/></a>
   <a href="https://twitter.com/share?url=http%3A%2F%2Fwww.kasu.at{{article.get_absolute_url|urlencode}}" target='_blank'><img src="{{STATIC_URL}}img/twitter.png" alt="Twitter" title="{% trans 'Share on Twitter' %}"  width="39" height="39"/></a>
   <a href="http://facebook.com/sharer.php?u=http%3A%2F%2Fwww.kasu.at{{article.get_absolute_url|urlencode}}?t={{article.headline|urlencode}}" target="_blank"><img src="{{STATIC_URL}}img/facebook.png" alt="Facebook" title="{% trans 'Share on Facebook'%}" width="39" height="39"/></a>
  </p>
{% endblock %}

{% block comments%}
 {% render_comment_list for article %}
 {% render_comment_form for article %}
{% endblock %}

{% block buttonbar %}
 {% if perms.content.change_article %}
  <a href="{% url "edit-article" article.id %}" class="button"><img src="{{STATIC_URL}}icons/note_edit.png" alt="" />{% trans "Edit Article" %}</a>
 {% endif %}
{% endblock %}