{% 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="{% url "colloscope:table" %}">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" id="week-no-{{ n }}">
        <a href="#week-no-{{ n }}">Semaine {{n}} ({{lundi}})</a>
    </h3>
    <div class="colle-wrapper">
    {% for colle in colles %}
        <div class="colle">
        <ul>
            <li><i class="fa-solid fa-graduation-cap"></i> {{ colle.slot.subject }}</li>
            <li><i class="fa-solid fa-person-chalkboard"></i> {{ colle.slot.colleur }}</li>
            <li><i class="fa-solid fa-clock"></i> {{ colle.datetime|date:"l"|title }} {{ 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 %}