{% extends "base.html" %}

{% block page_title %} - Agenda{% endblock %}

{% block content %}
<h2 class="mb-5">Agenda des prochaines prestations de la chorale</h2>

{% for even in object_list %}
    <div class="{% if even.statut != 'repet' %}border-bottom border-danger {% endif %}mt-3 {{ even.statut }}">
        <div class="row">
            <div class="col col-12 col-sm-4 col-lg-2 text-black rounded align-self-center text-center fw-bold pt-2 pb-2 date_agenda">
                {{ even.date_heure|date:'D d F à H:i' }}
            </div>
            <div class="col col-12 col-sm-8 col-lg-10 titre_agenda">{{ even.titre }}{% if even.statut == 'repet' %} - {{ even.lieu }}{% endif %}</div>
        </div>
        {% if even.statut != 'repet' %}<div class="mt-2 mb-2 lieu_agenda">{{ even.lieu }}</div>{% endif %}
        {% if even.infos %}<div class="pb-3">{{ even.infos|linebreaksbr }}</div>{% endif %}
        {% if user.is_authenticated %}
            {% if even.infos_internes %}<div class="infos_internes pb-3">{{ even.infos_internes|linebreaksbr }}</div>{% endif %}
            {% if even.programme.all %}
            <div class="d-flex">
            <div class="ms-auto programme">
                <button class="btn btn-outline-warning mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#prog{{ even.pk }}" aria-expanded="false" aria-controls="prog{{ even.pk }}">Programme</button> <i><small>pour membres uniquement</small></i>
                <div id="prog{{ even.pk }}" class="collapse">
                <ol>
                {% for item in even.programme.all %}
                    <li>{% if item.chant %}<a href="{% url 'liste-chants' %}#chant{{ item.chant.pk }}">{{ item.chant }}</a>{% else %}{{ item.item }}{% endif %}
                    {% if item.remarque %} <span><i><small>({{ item.remarque|linebreaksbr }})</small></i></span>{% endif %}
                    </li>
                {% endfor %}
                </ol>
                </div>
            </div>
            </div>
            {% endif %}
        {% endif %}
    </div>
{% endfor %}
{% endblock %}