{% if fiche.niveau == 2 %}
    {# Modal pour fiche outil niveau 2 #}
    <div class="modal fade" id="ficheModal{{ fiche.id }}" tabindex="-1" aria-labelledby="ficheModalLabel{{ fiche.id }}" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="ficheModalLabel{{ fiche.id }}">{{ fiche.titre }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="fiche-content">
                        {{ fiche.description|replace_shortcodes|raw }}
                    </div>
                    {% if fiche.sousFiches|length > 0 %}
                        <div class="sous-fiches mt-4">
                            <h6>Fiches outils associées :</h6>
                            <div class="list-group">
                                {% for sousFiche in fiche.sousFiches %}
                                    {% include 'pratique/_fiche_outil.html.twig' with {
                                        'fiche': sousFiche,
                                        'rubrique': rubrique
                                    } %}
                                {% endfor %}
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% else %}
    {# Modal pour fiche outil niveau 1 (standard) #}
    <div class="modal fade" id="ficheModal{{ fiche.id }}" tabindex="-1" aria-labelledby="ficheModalLabel{{ fiche.id }}" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="ficheModalLabel{{ fiche.id }}">{{ fiche.titre }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-0">
                    {% if fiche.type == 'standard' %}
                        <div class="fiche-header p-4">
                            <div class="question-box">
                                <div class="question-icon">
                                    <img src="{{ asset('images/doctor-icon.svg') }}" alt="Question" class="img-fluid" width="40">
                                </div>
                                <div class="question-content">
                                    {{ fiche.question|replace_shortcodes|raw }}
                                </div>
                            </div>
                            <div class="answer-box">
                                <div class="answer-icon">
                                    <img src="{{ asset('images/patient-icon.svg') }}" alt="Réponse" class="img-fluid" width="40">
                                </div>
                                <div class="answer-content">
                                    {{ fiche.reponse|replace_shortcodes|raw }}
                                </div>
                            </div>
                        </div>
                        {% if fiche.informationsComplementairesType or fiche.facturationType or fiche.definitionType %}
                            <div class="fiche-footer p-4 bg-light">
                                {% if fiche.informationsComplementairesType %}
                                    <div class="info-section mb-4">
                                        <h6>{{ fiche.informationsComplementairesType }}</h6>
                                        <div>{{ fiche.informationsComplementairesContenu|clickable_urls|raw }}</div>
                                    </div>
                                {% endif %}
                                {% if fiche.facturationType %}
                                    <div class="info-section mb-4">
                                        <h6>{{ fiche.facturationType }}</h6>
                                        <div>{{ fiche.facturationContenu|clickable_urls|raw }}</div>
                                    </div>
                                {% endif %}
                                {% if fiche.definitionType %}
                                    <div class="info-section">
                                        <h6>{{ fiche.definitionType }}</h6>
                                        <div>{{ fiche.definitionContenu|clickable_urls|raw }}</div>
                                    </div>
                                {% endif %}
                            </div>
                        {% endif %}
                    {% else %}
                        <div class="fiche-header p-4">
                            <div class="url-box">
                                <a href="{{ fiche.url }}" target="_blank" class="btn btn-primary">
                                    <i class="fas fa-external-link-alt me-2"></i>Accéder au lien
                                </a>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endif %}