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

{% block title %}AFC E-Learning{% endblock %}

{% block body %}
<div class="container-fluid p-5">
    <h2 class="text-secondary mb-4">Les Catégories de formations</h2>
    <a href="{{ path('admin_training_category_create') }}" class="secondary-btn mb-4">Ajouter une catégorie</a>
    <table class="table table-hover bg-white table-striped text-center">
        <thead class="bg-primary text-light">
            <tr>
                <th>ID</th>
                <th>Nom</th>
                <th>Description</th>
                <th>N. Formations</th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for categ in categories %}
                <tr>
                    <td>{{ categ.id }}</td>
                    <td>{{ categ.name }}</td>
                    <td>{{ categ.description }}</td>
                    <td><strong>{{ categ.trainings | length }}</strong> formations</td>
                    <td>
                        <a href="{{ path('admin_training_category_edit',{'id': categ.id}) }}" class="secondary-btn">Editer</a>
                    </td>
                    <td>
                        <a href="{{ path('admin_training_category_delete',{'id': categ.id}) }}" 
                           class="primary-btn bg-danger d-flex align-items-center justify-content-center"
                           style="width:100px;"
                           data-confirm="cette catégorie ?">
                            <span class="material-icons">delete_forever</span>
                        </a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}