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

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

{% block content %}
    <div class="pratique-content">
        {% if parcours %}
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ path('app_home') }}">Accueil</a></li>
                    <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 active" aria-current="page">{{ pratique.titre }}</li>
                </ol>
            </nav>
        {% endif %}

        <h1>{{ pratique.titre }}</h1>
        
        {{ pratique.contenu|raw }}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {# Passer les données des fiches outils au JavaScript #}
    <script id="fiches-data" type="application/json">
        {{ fichesData|json_encode|raw }}
    </script>
    <script src="{{ asset('js/pratique-show.js') }}"></script>
{% endblock %}