{% extends "live/main.html" %}
{% load static %}

{% block head %}
<link rel="stylesheet" href="{% static "site_live/style.css" %}" type="text/css" media="screen" />
{% if prochain_live %}
<script type="text/javascript" src="{% static "site_live/live_accueil.js" %}"></script>
<script type="text/javascript">
var id_live = {{ prochain_live.id }};
var delta_live = {{ prochain_live.delta }};
var delta_retard = {{ prochain_live.delta_retard }};
registerOnload(maj_temps_live);
</script>
{% endif %}
{% endblock %}

{% block content %}
<noscript>
<div class="boite_err">
JavaScript doit être activé pour pouvoir accéder au live depuis un navigateur Web.<br>
{% if user.is_authenticated or not prochain_live or not prochain_live.prive %}
Vous pouvez également y accéder depuis un lecteur vidéo (comme <a href="http://www.videolan.org/vlc/">VLC</a>)
via les URL suivantes :<br>
{% for key, value in url.items %}
	document.write("<a href=\"{{ value }}\">{{ key }}</a><br>\n");
{% endfor %}
{% endif %}
</div>
</noscript>
<h1>Les derniers événements</h1>
{% if not user.is_authenticated and prochain_live and prochain_live.prive %}
<div class="alert alert-warning">
Le prochain live est réservé aux utilisateurs enregistrés. Veuillez vous
connecter pour y accéder dès le début. Contactez nous en cas de problème de connexion.
</div>
{% endif %}
{% for evenement in evenements %}
<div class="evenement">
<a href="{{ MEDIA_URL }}{{ evenement.url_affiche }}"><img src="{{ MEDIA_URL }}{{ evenement.url_affiche_mini }}" alt="Affiche" /></a>
<h2>{{ evenement.nom }}</h2>
{% if evenement.est_cloture or evenement.delta < -14400 %}
<span id="evt_{{ evenement.id }}">Le {{ evenement.date_debut|date:"l j F Y à  H:i" }} {% if evenement.vid_dispo %}— <a href="{% url 'live:video_evenement' evenement.nom_interne %}">Vidéo disponible</a>{% endif %}</span>
{% else %}
<span id="evt_{{ evenement.id }}">{{ evenement.attente }}</span>
{% endif %}
{{ evenement.description }}
</div>
{% endfor %}
{% endblock %}