{% load i18n %}

<div class="mainSub">
    <div>
	    <nav>
		    <ul class="inline padded">
			    <li><a href="{% url 'grid' %}" class="{% if class == "grid" %}active{% endif %}">
				    <span class="iconLabel">{% trans 'Grid' %}</span>
			    </a></li>
			    <li><a href="{% url 'program' %}" class="{% if class == "program" %}active{% endif %}">
				    <span class="iconLabel">{% trans 'By Week' %}</span>
			    </a></li>
			    <li><a href="{% url 'emissions' %}" class="{% if class != "program" and class != "grid" and class != "archives" %}active{% endif %}">
				    <span class="iconLabel">{% trans 'Emissions' %}</span>
			    </a></li>
			    <li><a href="{% url 'emissionsArchives' %}" class="{% if class == "archives" %}active{% endif %}">
				    <span class="iconLabel">{% trans 'Archives' %}</span>
			    </a></li>
		    </ul>
	    </nav>
    </div>
</div>
{% if categories %}
<div>
		<nav id="gridNav" class="checkable">
			<ul class="by{{ categories.count }}">
			{% for category in categories %}
				{% if class == "grid" %}
					<li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}"><span class="category">{{ category }}</span></button></li>
				{% else %}
					<li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}"><span class="category">{{ category }}</span></button></li>
				{% endif %}
			{% endfor %}
			</ul>
		</nav>
</div>
{% endif %}
{% if emission %}
<div class="navigation">
	<header class="mainHeader marged cf">
            <div class="leftPart">
			<h2 class="squashed title bg-title">
				<a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
			</h2>
		{% if emission.categories %}
			<div class="categories">
			{% for category in emission.categories.all %}
				<a href="{% url 'emissions' %}?q={{category.slug}}"><span class="category">{{category}}</span></a>
			{% endfor%}
			</div>
		{% endif %}
            </div>
	    </header>
</div>

{% endif %}