{% extends "base.html" %}
{% load i18n comments %}
{% block title %}
 {% trans 'Article Archive' %}
 {% if active_category %} - {{active_category.name}}{% endif %}
 {% if month %}{{ month|date:'F Y' }}</h2>{% elif year %}{{year}}{% endif %}
{% endblock %}

{% block meta_title %}
 {% trans 'Article Archive' %}
 {% if active_category %} - {{active_category.name}}{% endif %}
 {% if month %}{{ month|date:'F Y' }}</h2>{% elif year %}{{year}}{% endif %}
{% endblock %}

{% block extra_head %}
<style type="text/css" media="screen and (min-width: 701px)">#teaser{background-image:url("{{STATIC_URL}}img/news_teaser.jpg")}</style>
<!--[if lt IE 9]><style type="text/css" media="screen">#teaser{background-image:url("{{STATIC_URL}}img/news_teaser.jpg")}</style><![endif]-->
{% endblock %}

{% block navigation %}
 <ul id="navigation">
  <li><a href="{{current_top_page.get_absolute_url}}" {% if not active_category %}class="active"{% endif %}>{% trans 'All Categories' %}</a></li>
 {% for category in categories %}
  <li><a href="{% url 'article-archive' category=category.slug %}"
       {% ifequal category.slug active_category.slug  %}class="active"{% endifequal %}>{{ category.name }}</a></li>
{% endfor %}
 </ul>
<!--[if lt IE 9]><style type="text/css" media="screen">#teaser{background-image:url("{{STATIC_URL}}img/news_teaser.jpg")}</style><![endif]-->
{% endblock %}

{% block maincontent %}
 <section id="teaser" class="grid_8">
  <div id="teaser_text">
  <h2>{% trans 'Article Archive' %}
   {% if active_category %} - {{active_category.name}}{% endif %}
   {% if month %}{{ month|date:'F Y' }}</h2>{% elif year %}{{year}}{% endif %}
  </h2>
   {{content|safe}}
  </div>
 </section>

 <section class="grid_4 red_box">
 {% block date_list %}
  <h2>{% trans "Archive" %} {{year}}</h2>
  <ul class="list" style="margin: 20px;">
  {% if active_category %}
   {% for date in date_list %}
    <li class="date"><a href="{% url "article-archive" category=active_category.slug year=date|date:'Y' %}">{{active_category.name}}: {{ date|date:'Y' }}</a></li>
   {% endfor %}
  {% else %}
   {% for date in date_list %}
    <li class="date"><a href="{% url "article-archive" year=date|date:'Y' %}">{{ date|date:'Y' }}</a></li>
   {% endfor %}
  {% endif %}
  </ul>
 {% endblock %}
 </section>

 <section class="grid_8">
  {% for article in article_list %}
    {% get_comment_count for article as comment_count %}
    <article class="article">
    <h3><a href="{{article.get_absolute_url}}">{{article.headline}}</a></h3>
    <ul class="info">
     <li><img src="{{STATIC_URL}}icons/calendar.png" alt="{% trans 'created on' %}:" title="{% trans 'created on' %}"/> <time datetime="{{article.date_created|date:"c"}}">{{ article.date_created|date }}</time></li>
     <li><img src="{{STATIC_URL}}icons/user_red.png" alt="{% trans 'by' %}:" title="{% trans 'by' %}"/> <span class="author">{{ article.author }}</span></li>
     <li><img src="{{STATIC_URL}}icons/comments.png" alt="{% trans 'comments' %}:" title="{% trans 'comments' %}"/> <a href="{{article.get_absolute_url}}#comments" >{{comment_count}} {% trans "comments" %}</a></li>
    </ul>
    <a href="{{article.get_absolute_url}}"><img src="{{article.posting_image.url}}" alt="{{article.category}}:" class="posting_image"/></a>
    {{article.content|truncatewords_html:50}}
    <p class="more_link"><a href="{{article.get_absolute_url}}" class="button">{% trans "Read More"%} <img src="{{STATIC_URL}}icons/page_go.png" alt="&raquo;" /></a></p>
    </article>
  {% empty %}
    <p>{% trans "We're sorry. Your search yielded no results." %}</p>
  {% endfor %}
</section>
<aside class="grid_4">
 {% for feed in feeds %}
  <h2><a href="{{feed.public_url}}">{{feed.title}}</a></h2>
  <ul>
  {% for item in feed.feed_items.all %}
   <li><a href="{{item.link}}">{{item.title}}</a></li>
  {% endfor %}
  </ul>
{% endfor %}
</aside>

{% endblock %}

{% block additional_buttonbar %}
{% if perms.content.add_article %}
 <a href="{% url "add-article" %}" class="button"><img src="{{ STATIC_URL }}icons/note_add.png" alt="" /> {% trans "Add Article" %}</a>
{% endif %}
{% endblock %}