{% extends 'base.html.twig' %}

{% block title %}Formations à venir{% endblock %}

{% block body %}
    <div class="container mt-5">
        <h1>Formations à venir</h1>

        {% if formations is not empty %}
            <table class="table table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th>Date de début</th>
                        <th>Produit</th>
                        <th>Département</th>
                        <th>Pays</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {% for formation in formations %}
                        <tr>
                            <td>{{ formation.dateDebut|date('d/m/Y') }}</td>
                            <td>{{ formation.leProduit.libelle }}</td>
                            <td>{{ formation.departement }}</td>
                            <td>{{ formation.pays }}</td>
                            <td>
                                {% set inscrit = false %}
                                {% for inscription in inscriptions %}
                                    {% if inscription.laFormation.id == formation.id %}
                                        {% set inscrit = true %}
                                    {% endif %}
                                {% endfor %}
                                
                                {% if inscrit %}
                                    <a href="{{ path('app_desinscrireFormation', {'idFormation': formation.id}) }}" class="btn btn-danger">Se désinscrire</a>
                                {% else %}
                                    <a href="{{ path('app_inscrireFormation', {'idFormation': formation.id}) }}" class="btn btn-success">S'inscrire</a>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <p>Aucune formation disponible pour le moment.</p>
        {% endif %}
    </div>
{% endblock %}