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

{% block toptitle %}
<h1 class="top"><a href="{% url 'news' %}">{% trans 'News' %}</a></h1>
{% endblock %}

{% block head %}
<meta property="og:title" content="{{ newsitem.title }}" />
<meta name="twitter:title" content="{{ newsitem.title }}" />
<meta property="og:description" content="{{ newsitem.text|safe|striptags|truncatewords:75 }}"/>
<meta name="twitter:description" content="{{ newsitem.text|safe|striptags|truncatewords:75 }}"/>
{% if newsitem.image %}
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="{{ site_url }}{{ newsitem.image.url }}" />
<meta name="twitter:image" content="{{ site_url }}{{ newsitem.image.url }}" />
{% else %}
<meta name="twitter:card" content="summary">
<meta property="og:image" content="{{ site_url }}% static 'img/Radio_Panik_Logo_2016-01.png' %}" />
<meta name="twitter:image" content="{{ site_url }}{% static 'img/Radio_Panik_Logo_2016-01.png' %}" />
{% endif %}
{% endblock %}


{% block main %}
<div class="detail news cf">
	<div class="wrapper navigation">
		<div class="leftPart">
			<header>
				<h2 class="squashed title">
					{{ newsitem.title }}
				</h2>
{% if newsitem.event_date %}
<div class="date cf label">{{ newsitem.event_date|date:'D d M Y'|lower }}</div>
{% endif %}
				{% if newsitem.date %}
					<div class="date cf label smooth publication-date">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>

{% block topik %}
{% for topik in topik_pages %}
  {% topik topik=topik %}
{% endfor %}
{% endblock %}

			{% if newsitem.tags.all %}
			<ul class="custom inline tags">
				{% 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"><span class="sr-only">{% trans "Search" %}</span></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 %}