{% extends "base.html" %}

{% block title %}Marketplace{% endblock title %}

{% block main %}
    <a href="{% url "colloscope.dashboard" %}">Retour au tableau de bord</a>
    
    <h1>Marketplace</h1>

    Bienvenue sur le marketplace.
    
    {% if colles %}
        <ul>
        Les colles libres sont&nbsp;:
        {% for colle in colles %}
            <li>Colle !</li>
            <ul>
                <li>{{ colle }}</li>
                <li>Places occupées&nbsp;: {{ colle.volume }} / {{ colle.slot.capacity }}</li>
                <li>
                    <form action="{% url "colloscope.enroll" %}"
                          method="POST"
                          onsubmit="return confirm('Êtes-vous sûr de vouloir vous inscrire à la colle {{ colle }} ');">
                        {% csrf_token %}
                        <input type="hidden" name="colle_id" value="{{ colle.id }}">
                        <input type="submit" value="Réserver">
                    </form>
                </li>
            </ul>
        {% endfor %}
        </ul>
    {% else %}
        Aucune colle n'est disponible
    {% endif %}
    
{% endblock main %}