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

{%  block title %}{% trans 'traditional Asian game culture' %}{%  endblock %}

{% block teaser %}
<h1>{{title}}</h1>
<div id="teaser_text">{{content}}</div>
{% endblock %}

{% block maincontent %}
<div class="grid_8">
    {% for article in recent_article_list %}{% get_comment_count for article as comment_count %}
    <article class="article">
        <header>
            <h2><a href="{{article.get_absolute_url}}">{{article.headline}}</a></h2>
            <ul class="info">
                <li><span class="fa fa-calendar"></span>
                    <time datetime="{{article.date_created|date:'Y-m-d H:i'}}">{{ article.date_created|date:'DATE_FORMAT' }}</time>
                </li>
                <li><span class="fa fa-user"></span> {{ article.author }}
                </li>
                <li><span class="fa fa-comments"></span> <a href="{{article.get_absolute_url}}#comments">{{comment_count}}
                    {% trans "Comments" %}</a></li>
            </ul>
        </header>
        <a href="{{article.get_absolute_url}}"><img src="{{article.posting_image.url}}" alt="{{article.category}}:"
           class="posting_image" width="200" height="120"/></a>
        {{article.content|truncatewords_html:50}}
        <footer class="more_link"><a href="{{article.get_absolute_url}}" class="button">{% trans "Read More"%} <span class="fa fa-arrow-right"></span></a></footer>
    </article>
    {% endfor %}
</div>

<aside class="grid_4">
    <section>
        <h2>{% trans 'Recent Comments' %}
            <a href="{% url 'feed-latest-comments' %}" aria-label="RSS Feed"><span class="fa fa-rss-square" title="RSS Feed"></span></a>
        </h2>
        <ul class="comment_list">
            {% for comment in recent_comment_list %}
            {% url 'membership-details' comment.user.username as user_link%}
            <li>
                {% blocktrans with comment.user as author and comment.submit_date|timesince as since and comment.submit_date|date:'c' as submit_date and comment.content_object as object and comment.get_absolute_url as comment_link%}
                From <a href="{{user_link}}">{{author}}</a> in
                <a href="{{comment_link}}">&ldquo;{{object}}&rdquo;</a>
                since
                <time datetime="{{submit_date}}">{{since}}</time>
                {% endblocktrans %}
            </li>
            {% endfor %}
        </ul>
    </section>

    <section>
        <h2>{% trans 'Kasu in the social network' %}</h2>

        <p style="text-align: center">
            <a href="https://www.facebook.com/Kasu.at"><img src="{{STATIC_URL}}img/facebook.png" alt="Facebook"
               title="{% trans 'Visit us on' %} Facebook" width="78" height="78"></a>
            <a href="https://twitter.com/KasuAustria"><img src="{{STATIC_URL}}img/twitter.png" alt="Twitter"
               title="{% trans 'Visit us on' %} Twitter" width="78" height="78"></a>
            <a href="https://plus.google.com/u/0/114092233962732014973/"><img src="{{STATIC_URL}}img/google_plus.png"
               alt="Google+" title="{% trans 'Visit us on' %} Google+" width="78" height="78"></a>
        </p>
    </section>


</aside>
{% endblock %}

{% block additional_buttonbar %}{% if perms.content.add_article %}
<a href="{% url 'add-article' %}" class="button"><span class="fa fa-newspaper-o"></span> {% trans "Add Article" %}</a>
{% endif %}{% endblock %}

