{% extends "base.html" %}

{% load static %}
{% load extras %}

{% block title %}Tableau de bord{% endblock title %}

{% block main %}

<h1>Tableau de bord</h1>

<p>
Bienvenue {{ student }}. Votre lycée est {{ term.cls.school.description }}, et votre classe est {{ term.cls.description }}.
</p>

<p>Période actuelle : {{ term }}. Votre groupe de colle est {{ group }}. <a href="table.html">Consulter le colloscope</a></p>

<h2>Mes colles</h2>
    
    <p><a href="{{ calendar_link }}"><i class="fa-regular fa-calendar"></i> Exporter en .ics (ceci est un permalien public)</a></p>
    
    <p><a href="{% url "colloscope.marketplace" %}">Accéder au marketplace</a></p>


{% for n, lundi, colles in colles_per_sem %}

{% if colles %}
<h3 class="week">Semaine {{n}} ({{lundi}})</h3>
    <div class="colle-wrapper">
    {% for colle in colles %}
        <div class="colle">
        <span class="summary">{{ colle.slot.subject }} ({{ colle.slot.colleur }})</span>
        <ul>
            <li><i class="fa-solid fa-clock"></i> Le {{ colle.datetime|date:"l" }} {{ colle.datetime|date:"DATETIME_FORMAT" }}</li>
            <li><i class="fa-solid fa-users"></i> {{ colle.groups.all | print_manager | safe }} ({{ colle.volume }} / {{ colle.slot.capacity }})</li>
            <li><i class="fa-solid fa-earth-americas"></i> {{ colle.slot.room }}</li>
            <li><i class="fa-solid fa-circle-exclamation"></i>
                <form
                        action="{% url "colloscope.withdraw" %}"
                        method="POST"
                        onsubmit="return confirm('Êtes-vous sûr de vouloir vous désinscrire de la colle {{ colle }} ');">
                    {% csrf_token %}
                    <input type="hidden" name="colle_id" value="{{ colle.id }}">
                    <button type="submit">Rendre disponible</button>
                </form>
            </li>
        </ul>
        </div>
    {% endfor %}
    </div>
{% endif %}
{% endfor %}

{% endblock main %}