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

{% load url from future %}

{% block headtitle %}{{ section }}{% 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">{{ monthname }}</li>
    </ul>

   	<h1>{{ section }} ({{ monthname }})</h1>
{% endblock %}

{% block content %}

	{% if articles %}
		<div id="mediasection">
		{% for article in articles %}
			<div class="article">
				<div class="text">
					<h2><a href="{% url 'media_article' article.section.slug article.slug %}">{{ article.title }}</a></h2>
					{% if section.type == 'news' %}<p class="date">{{ article.created|date:"jS M Y" }}</p>{% endif %}
					{% if 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>
					{% endif %}
					
					<p>{{ article.description }} <a href="{% url 'media_article' article.section.slug article.slug %}">read more..</a></p>
				</div>
				<div class="clear"></div>
			</div>
		{% endfor %}
		</div>
	{% else %}
		<p>No articles found.</p>
	{% endif %}

	<p><a href="{% url 'media_section' section.slug %}">&lt; Back to Current Articles</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 {% if month.monthtitle = monthname %}class="active"{% endif %}><a href="{% url 'media_section_month' section.slug month.year month.month %}">{{ month.monthtitle }} </a></li>		
				{% endfor %}
    		</ul>
        </div>
    {% endif %}
{% endblock %}