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

{% block title %}{{ ficheOutilNiv2.titre }}{% endblock %}

{% block stylesheets %}
    {# Styles déplacés vers assets/styles/app.consolidated.css dans la section FICHES-OUTILS VISUALISATION FRONT #}
{% endblock %}

{% block content %}
    <div class="container py-4">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                {# Fil d'Ariane #}
                <nav aria-label="breadcrumb" class="mb-4">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ path('app_home') }}">Accueil</a></li>
                        {% if etape is defined and etape %}
                            <li class="breadcrumb-item"><a href="{{ path('app_parcours_show', {'id': etape.rubrique.parcours.id}) }}">{{ etape.rubrique.parcours.nom }}</a></li>
                            <li class="breadcrumb-item">Etapes</li>
                            <li class="breadcrumb-item"><a href="{{ path('app_etape_show', {'id': etape.id}) }}">{{ etape.titre }}</a></li>
                        {% elseif pratique is defined and pratique %}
                            <li class="breadcrumb-item"><a href="{{ path('app_parcours_show', {'id': parcours.id}) }}">{{ parcours.nom }}</a></li>
                            <li class="breadcrumb-item">Pratiques</li>
                            <li class="breadcrumb-item"><a href="{{ path('app_pratique_show', {'id': pratique.id, 'parcours': parcours is defined and parcours ? parcours.id : null}) }}">{{ pratique.titre }}</a></li>
                        {% endif %}
                        <li class="breadcrumb-item active" aria-current="page">{{ ficheOutilNiv2.titre }}</li>
                    </ol>
                </nav>
                
                <h1 class="page-title">{{ ficheOutilNiv2.titre }}</h1>
                
                {% if ficheOutilNiv2.description %}
                    <div class="fiche-description">
                        {{ ficheOutilNiv2.description|raw }}
                    </div>
                {% endif %}
                
                {% if ficheOutilNiv2.contenu %}
                    <div class="fiche-content">
                        {{ ficheOutilNiv2.contenu|raw }}
                    </div>
                {% endif %}
                {# La section "Fiches outils associées" a été supprimée car les fiches sont maintenant directement intégrées dans le contenu #}
            </div>
        </div>
    </div>
    
    {# Toujours charger le script, même s'il n'y a pas de fiches outil niveau 1 associées #}
    <script id="fiches-data" type="application/json">
        {{ fichesData|json_encode|raw }}
    </script>

    <script src="{{ asset('js/fiche-outil-niv2.js') }}"></script>
{% endblock %}