{% extends "shared/base.html" %}
{% load i18n staticfiles event_tags %}

{% block title %}{% trans "Évènement" %}{% endblock %}

{% block extra_js %}
    {{ block.super }}
    <script type="text/javascript" src="{% static "js/enrol_event.js" %}"></script>
{% endblock %}

{% block content %}
<h1>{{ event.title}}
    {% if perms.event.event_can_change and user.is_staff %}
    <a class='glyphicon glyphicon-cog pull-right' href='{% url "admin:event_event_change" event.id %}'></a>
    {% endif %}
</h1>
    <p>{{ event.description }}</p>
    <h2>Boîte à outils</h2>
    <div class="module-list">
        <a href="#TODO" class="module">
            <span class="glyphicon glyphicon-duplicate"></span>
            Templates d'activité
        </a>
        <a href="#TODO" class="module">
            <span class="glyphicon glyphicon-tag"></span>
            Tags spécifiques
        </a>
        <a href="#todo" class="module">
            <span class="glyphicon glyphicon-tree-deciduous"></span>
            lieux spécifiques
        </a>
    </div>
    <h2>Planning</h2>

    <div class="planning">
    {% regroup activities by beginning|date:"Y-m-d" as days_list %}
    {% for day in days_list %}
        {% with day.list|first as f_act %}
        <button class="collapsible active"><h3>{{ f_act.beginning|date:"l d F" }}</h3></button>
        <div class="content fluid">
        {% endwith %}
        {% for activity in day.list %}
            <div class="{% cycle "" "inverted" %} activity">
                <div class="activity-title">
                    <h4>
                        {% if perms.event.activity_can_change and user.is_staff %}
                        <a class='glyphicon glyphicon-cog' href='{% url "admin:event_activity_change" activity.id %}'></a>
                        {% endif %}
                        <a href="{% url "event:activity" activity.id %}">
                        {{ activity|get_herited:'title' }}
                        </a>
                    </h4>
                    <span class="pull-right">
                        de <strong>{{ activity.beginning | time:"H:i" }}</strong>
                        à <strong>{{ activity.end| time:"H:i" }}</strong>
                    </span>
                    <div class="activity-summary">
                        {% include "event/activity_summary.html" with activity=activity %}
                    </div>
                </div>
            </div>
        {% endfor %}
        </div>
    {% endfor %}
    </div>
{% endblock %}

{% block aside %}
    <div class="heading separator">
        {{ activities.count }} <span class="sub">activité{{ activities.count|pluralize }}</span>
    </div>
    <div class="text inverted">
        <p>Créé le {{ event.created_at | date:"l d F Y à H:i" }} par {{ event.created_by }}</p>
        <p>
        Du
        <strong>
        {{ event.beginning_date | date:"l d F Y H:i" }}
        </strong>
        au 
        <strong>
        {{ event.ending_date | date:"l d F Y H:i" }}
        </strong>
        </p>
    </div>
{% endblock %}