{% extends "news.html" %}
{% load thumbnails paniktags %}
{% block title %}{{ newsitem.title }}{% endblock %}

{% block head %}
<meta property="og:title" content="{{ newsitem.title }}" />
{% if newsitem.image %}
<meta property="og:image" content="{{ newsitem.image.url }}" />
{% endif %}
{% endblock %}


{% block main %}
<div class="detail 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">
			<header>
				<h2 class="squashed title">
					{{ newsitem.title }}
				</h2>
				{% if newsitem.date %}
					<div class="date cf label smooth">Publiée le {{ newsitem.date|date:"D d M Y"|lower }}</div>
				{% endif %}
			</header>
			{% if newsitem.image %}
				<img class="logo right button" onclick="$(this).toggleClass('right marged');" src="{{ newsitem.image.url }}"/>
			{% endif %}
			<div class="userContent description">	
				{{ newsitem.text|safe}}
			</div>

			{% if newsitem.tags.all %}
			<ul class="custom inline">
				{% for tag in newsitem.tags.all %}
				<li><a class="tag" href="{% url 'search' %}?&selected_facets=tags_exact:{{tag|facet_tag}}">{{ tag }}</a></li>
				{% endfor %}
			</ul>
			{% endif %}

		</div>
		<div class="rightPart">
				<div class="sub">
		        {% if newsitem.emission %}
				    <h5 class="sectionLabel">proposé par</h5>
				    {% with newsitem.emission as emission %}
					    <div class="">{% emission_resume %}</div>
				    {% endwith %}
		        {% endif %}
					<h5 class="sectionLabel right">
                        <a href="{% url 'newsArchives' %}">
					    <span class="iconLabel">Toutes</span>
				    </a>
                    </h5>
					<h5 class="sectionLabel">
                            <span class="iconLabel">Dernières actus</span>
                    </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"></button>
	</form>

						<ul class="custom list newsList">
						{% for content in news|slice:":10" %}
							<li class="{% if content == newsitem %}current{% endif %}">{% news_inline %}</li>
						{% endfor %}
						</ul>
				</div>
		</div>
	</div>
</div>
{% endblock %}

{% block related %}
{% related_objects object=newsitem %}
{% endblock %}