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

{% block appbar %}
<h2>Nonstop</h2>
{% endblock %}

{% block more-user-links %}
{{ block.super }}
<a href="{% url 'nonstop-quick-links' %}">Gestion nonstop</a>
{% endblock %}

{% block content %}

<div class="section">
<ul>
 <li><a href="{% url 'nonstop-today' %}">Aujourd'hui</a> (avec des liens pour naviguer vers les autres jours)</li>
 <li><a href="{% url 'artist-list' %}">Artistes</a> présents (un jour ou l'autre) dans le nonstop</li>
 <li><a href="{% url 'nonstop-search' %}">Recherche</a> dans les pistes et artistes</li>
{% if perms.nonstop.add_track %}
 <li><a href="{% url 'nonstop-upload-tracks' %}">Ajout de nouveaux morceaux</a></li>
 <li><a href="{% url 'nonstop-recent-tracks' %}">Édition rapide de métadonnées de nouveaux morceaux</a> (langue, Instru, SABAM, CFWB)</li>
 <li><a href="{% url 'nonstop-cleanup' %}">Nettoyage de vieux morceaux</a></li>
 <li><a href="{% url 'nonstop-stats' %}">Statistiques</a></li>
{% endif %}
</ul>
</div>

<div class="nonstop-days">
{% for day in days %}
<div class="block program" data-url="{% url 'nonstop-ajax-program' date=day|date:"Y-m-d" %}">
<h3>{{day|date:"l d/m"}}</h3>
<div></div>
</div>
{% endfor %}
</div>

<script>
$(function() {
  $('.block.program').each(function() {
    var url = $(this).data('url');
    $(this).find('> div').load(url);
  });
});
</script>

{% endblock %}