{% extends "base.html" %}
{% load i18n %}

{% block appbar %}
<h2>{{ object.date|date:"d E o"|lower }} - {{ object.title }}</h2>
<span class="actions">
{% if object.emission %}
<a href="{% url 'emission-view' slug=object.emission.slug %}">Retourner à la page de l'émission</a>
{% endif %}
<a href="{% url 'home' %}">Retourner à l'accueil</a>
</span>
{% endblock %}

{% block content %}

<p>
<a class="button" href="{% url 'newsitem-update' slug=object.slug %}">Modifier</a>
<a class="button actually-not-that-friendly" rel="popup" href="{% url 'newsitem-delete' slug=object.slug %}">Supprimer</a>
</p>

<div class="bo-block">
{% if object.image %}
<div class="image">
  <img src="{{ object.image.url }}"/>
</div>
{% endif %}

{% if object.event_date %}
<p class="event-date">{% trans 'Event Date:' %} {{ object.event_date|date:"d E o"|lower }}</p>
{% endif %}

{% if object.text %}
{{ object.text|safe }}
{% endif %}

{% if object.tags.count %}
<p>
Tags :
{% for tag in object.tags.all %}
  <span class="tag">{{ tag }}</span>{% if not forloop.last %}, {% endif %}
{% endfor %}
</p>
{% endif %}
</div>

{% endblock %}

{% block page-end %}
<script>
$(function() {
  $('.image img').click(function() { $(this).toggleClass('large'); });
});
</script>
{% endblock %}