{# templates/admin/fiche_outil/index.html.twig #}

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

{% block title %}Gestion des fiches outils{% endblock %}

{% block body %}

    <div class="container mt-4">
        <h1>Liste des fiches outils</h1>

        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>
                        {# Sortable: Titre #}
                        {% set isTitre = (sort|default('titre') == 'titre') %}
                        {% set nextDirTitre = isTitre and direction|upper == 'ASC' ? 'DESC' : 'ASC' %}
                        <a href="{{ path('app_fiche_outil_index', {
                            sort: 'titre',
                            direction: nextDirTitre
                        }) }}" class="text-decoration-none">
                            Titre
                            {% if isTitre %}
                                <i class="fas fa-sort-{{ direction|lower == 'asc' ? 'up' : 'down' }} ms-1"></i>
                            {% else %}
                                <i class="fas fa-sort ms-1 text-muted"></i>
                            {% endif %}
                        </a>
                    </th>
                    <th>
                        {# Sortable: Type #}
                        {% set isType = (sort|default('titre') == 'type') %}
                        {% set nextDirType = isType and direction|upper == 'ASC' ? 'DESC' : 'ASC' %}
                        <a href="{{ path('app_fiche_outil_index', {
                            sort: 'type',
                            direction: nextDirType
                        }) }}" class="text-decoration-none">
                            Type
                            {% if isType %}
                                <i class="fas fa-sort-{{ direction|lower == 'asc' ? 'up' : 'down' }} ms-1"></i>
                            {% else %}
                                <i class="fas fa-sort ms-1 text-muted"></i>
                            {% endif %}
                        </a>
                    </th>
                    <th>Utilisée dans</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for fiche in fiche_outils %}
                    <tr>
                        <td>{{ fiche.titre }}</td>
                        <td>{{ fiche.type.value }}</td>
                        <td>
                            {% if fiche.pratiques|length > 0 or fiche.etapes|length > 0 or fiche.ficheOutilNiv2s|length > 0 %}
                                <ul class="list-unstyled">
                                    {% for pratique in fiche.pratiques %}
                                        <li>
                                            Pratique : {{ pratique.titre }}
                                            ({{ pratique.rubrique.parcours.nom }})
                                        </li>
                                    {% endfor %}
                                    {% for etape in fiche.etapes %}
                                        <li>
                                            Étape : {{ etape.titre }}
                                            ({{ etape.rubrique.parcours.nom }})
                                        </li>
                                    {% endfor %}
                                    {% for niv2 in fiche.ficheOutilNiv2s %}
                                        <li>
                                            Fiche Niv2 : {{ niv2.titre }}
                                            {% if niv2.pratique and niv2.pratique.rubrique and niv2.pratique.rubrique.parcours %}
                                                ({{ niv2.pratique.rubrique.parcours.nom }})
                                            {% else %}
                                                <span class="text-warning">(Parcours non associé)</span>
                                            {% endif %}
                                        </li>
                                    {% endfor %}
                                </ul>
                            {% else %}
                                <span class="text-muted">Non utilisée</span>
                            {% endif %}
                        </td>
                        <td>
                            <a href="{{ path('app_fiche_outil_edit', {'id': fiche.id}) }}"
                               class="btn btn-sm btn-outline-secondary">
                                <i class="fas fa-edit"></i>
                            </a>
                            <form method="post" action="{{ path('app_fiche_outil_delete', {'id': fiche.id}) }}"
                                  class="d-inline-block">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ fiche.id) }}">
                                <button class="btn btn-sm btn-outline-danger">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4">Aucune fiche trouvée</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>

        <div class="d-flex mt-3">
            <a href="{{ app.session.get('fiche_outil_referer', path('app_admin_parcours_index')) }}" class="btn btn-secondary me-2">
                <i class="fas fa-arrow-left"></i> Retour
            </a>
            <a href="{{ path('app_fiche_outil_new') }}" class="btn btn-primary">
                <i class="fas fa-plus"></i> Créer une nouvelle fiche
            </a>
        </div>

    </div>
{% endblock %}