{% extends "public/content.html" %}

{% load url from future %}

{% load thumbnail %}

{% block headtitle %}{{ article }} | {{ article.section }}{% endblock %}

{% block news_active %}
	{% if article.section.slug == 'news' %}active{% endif %}
{% endblock %}

{% block meta_description %}
    {{ article.description }}
{% endblock %}
	

{% block title %}

    <ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li><a href="{% url 'media_section' section.slug %}">{{ section }}</a></li>
        <li class="active">{{ article }}</a></li>
    </ul>

	<h1>{{ article }}</h1>
{% endblock %}

{% block content %}

	<div id="mediaarticle">
		{% if article.section.type == 'events' %}
			<p class="date">
			{% if article.event_date_start|date:"j" != article.event_date_end|date:"j" %}
				{{ article.event_date_start|date:"jS" }}
			{% endif %}
			
			{% if article.event_date_start|date:"M" != article.event_date_end|date:"M" %}
				{{ article.event_date_start|date:"M" }}
			{% endif %}
			
			{% if article.event_date_start|date:"Y" != article.event_date_end|date:"Y" %}
				{{ article.event_date_start|date:"Y" }}
			{% endif %}
			
			{% if article.event_date_end %}
				{% if article.event_date_start != article.event_date_end %}to{% endif %} {{ article.event_date_end|date:"jS M Y" }}
			{% endif %}
			</p>
		{% else %}
			<p class="date">{{ article.created|date:"jS M Y" }}</p>			
		{% endif %}
		{{ article.content|safe }}
	</div>	
    
	{% if article_resources %}
		<div id="pageresources">
			{% for resource in article_resources %}
				{% if resource.resource.category.template %}
				    {% include resource.resource.category.template with resource=resource.resource %}
				{% else %}
                    {% include "public/resources/default.html" with resource=resource.resource %}
				{% endif %}
			{% endfor %}
		</div>
	{% endif %}
    
	<div class="clear"></div>
	<p><a href="{% url 'media_section' article.section.slug %}" title="< Back to {{ article.section }}">&lt; Back to {{ article.section }}</a></p>

    
{% endblock %}


{% block left_content %}
	{% if months %}
		<div class="page_navigation">
            <h2 class="title">Updates by Month</h2>
            <ul class="nav nav-pills">
				{% for month in months %}
					<li><a href="{% url 'media_section_month' section.slug month.year month.month %}">{{ month.monthtitle }} </a></li>		
				{% endfor %}
    		</ul>
        </div>
    {% endif %}
{% endblock %}