{% extends "base.html"%}
{% load paniktags i18n %}
{% block title %}{% trans 'News' %}{% endblock %}
{% block toptitle %}
<h1 class="top bg-title"><a href="{% url 'news' %}">{% trans 'News' %}</a>
 / <a class="dimmed" href="{% url 'agenda' %}">Agenda</a>
</h1>
{% endblock %}
{% block nav %}
	{% news_nav %}
{% endblock %}
{% block main %}

<div class="detail marged news cf">
	<div class="wrapper navigation">
<p class="intro leftPart">
Tous les jours, il s'en passe des choses que Panik fomente, fait résonner et
vous fait savoir.
</p>

		<div class="leftPart">
            <div class="news">
				    <h5 class="sectionLabel focus-title">{% trans 'Focus' %}</h5>

	            {% with focus as news %}
		            <ul class="custom columns cf padded">
		            {% for content in news %}
			            <li class="newsitem">
				            {% news_inline klass="special"%}
			            </li>
		            {% endfor %}
		            </ul>
	            {% endwith %}
            </div>
		</div>
		<div class="rightPart">
				<div class="sub">
					<h5 class="sectionLabel right">
                        <a href="{% url 'newsArchives' %}">
					    <span class="iconLabel">Toutes</span>
				    </a>
                    </h5>
					<h5 class="sectionLabel">
                            <span class="iconLabel">{% trans 'Latest News' %}</span>
                            <a class="button icon-rss inBlock" href="{% url 'rss-feed' %}"></a>
                    </h5>


	<form action="{% url 'newsArchives' %}" id="search-form">
		<input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
                <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
	</form>

						<ul class="custom list newsList">
						{% for content in news|slice:":20" %}
							<li class="{% if content == newsitem %}current{% endif %}">{% news_inline %}</li>
						{% endfor %}
						</ul>
				</div>
		</div>
	</div>
</div>
{% endblock %}
{% block links %}
<div class="wrapper">
	<div class="padded ">
		<ul class="news columns padded list custom">
		{% for NewsItem in newsAll %}
			<li class="item ellipsis small  ">
			<a href="{% url 'newsitem-view' slug=NewsItem.slug %}">
				<span class="title"><strong>{{ NewsItem.date|date:"D d/M" }}</strong>&nbsp;-&nbsp;{{ NewsItem.title }}</span>
			</a>
			</li>
		{% endfor %}
		</ul>
	</div>
    </div>
</div>
{% endblock %}