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

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

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block content %}
    <div class="container py-4 fiche-outil-show">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                <nav aria-label="breadcrumb" class="mb-4">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ path('app_home') }}">Accueil</a></li>
                        {% if pratique is defined and pratique %}
                            <li class="breadcrumb-item"><a href="{{ path('app_parcours_show', {'id': pratique.rubrique.parcours.id}) }}">{{ pratique.rubrique.parcours.nom }}</a></li>
                            <li class="breadcrumb-item">Pratiques</li>
                            <li class="breadcrumb-item"><a href="{{ path('app_pratique_show', {'id': pratique.id}) }}">{{ pratique.titre }}</a></li>
                        {% elseif 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 active_parcours %}
                            <li class="breadcrumb-item"><a href="{{ path('app_parcours_show', {'id': active_parcours.id}) }}">{{ active_parcours.nom }}</a></li>
                        {% endif %}
                        {# Si on vient d'une fiche outil niveau 2, insérer ce maillon dans le fil d'Ariane #}
                        {% if ficheOutilNiv2Parent is defined and ficheOutilNiv2Parent %}
                            {% set parcoursId = etape is defined and etape ? etape.rubrique.parcours.id : (pratique is defined and pratique ? pratique.rubrique.parcours.id : (active_parcours is defined and active_parcours ? active_parcours.id : null)) %}
                            <li class="breadcrumb-item">
                                <a href="{{ path('app_fiche_outil_niv2_show', {
                                    'id': ficheOutilNiv2Parent.id,
                                    'etape': etape is defined and etape ? etape.id : null,
                                    'pratique': pratique is defined and pratique ? pratique.id : null,
                                    'parcours': parcoursId
                                }) }}">{{ ficheOutilNiv2Parent.titre }}</a>
                            </li>
                        {% endif %}
                        <li class="breadcrumb-item active" aria-current="page">{{ ficheOutil.titre }}</li>
                    </ol>
                </nav>
                {% if ficheOutil.type.value == 'standard' %}
                <div class="fiche-standard-panel">
                {% endif %}
                <div class="page-header">
                    <div class="text-end">
                        <div class="date-maj small text-muted">{% if ficheOutil.updatedAt %}Dernière mise à jour le {{ ficheOutil.updatedAt|date('d/m/Y à H:i') }}{% else %}Date de mise à jour non disponible{% endif %}</div>
                    </div>
                </div>

                <h1 class="page-title">{{ ficheOutil.titre }}</h1>
                
                {% if ficheOutil.type.value == 'fichier' and ficheOutil.url %}
                    <div class="file-preview">
                        <div class="file-preview-header">
                            <div class="file-preview-icon">
                                <i class="fas {{ ficheOutil.originalFilename|file_icon }}"></i>
                            </div>
                            <div class="file-preview-info">
                                <div class="file-preview-title">{{ ficheOutil.originalFilename|default('Fichier joint') }}</div>
                                <div class="file-preview-meta">
                                    {{ ficheOutil.originalFilename|file_type_label }} 
                                    {% if ficheOutil.fileSize %}
                                        • {{ ficheOutil.fileSize|file_size(2) }}
                                    {% else %}
                                        {% if ficheOutil.url and file_exists(ficheOutil.url) %}
                                            • {{ ficheOutil.url|file_size(2) }}
                                        {% endif %}
                                    {% endif %}
                                    {% if ficheOutil.uploadedAt %}
                                        • Ajouté le {{ ficheOutil.uploadedAt|date('d/m/Y à H:i') }}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        <div class="file-preview-actions mt-3">
                            <a href="{{ path('app_fiche_outil_download', {'id': ficheOutil.id}) }}" class="btn btn-primary">
                                <i class="fas fa-download me-1"></i> Télécharger le fichier
                            </a>
                            {% if ficheOutil.description %}
                                <div class="file-description mt-3">
                                    {{ ficheOutil.description|raw }}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                {% elseif ficheOutil.type.value == 'url' and ficheOutil.url %}
                    <div class="url-preview mb-4">
                        <div class="alert alert-info">
                            <h5><i class="fas fa-link me-2"></i> Lien externe</h5>
                            <p>Cette fiche outil vous redirige vers un site externe :</p>
                            <a href="{{ ficheOutil.url }}" target="_blank" class="btn btn-info">
                                <i class="fas fa-external-link-alt me-1"></i> Accéder au site
                            </a>
                        </div>
                        {% if ficheOutil.description %}
                            <div class="url-description mt-3">
                                {{ ficheOutil.description|raw }}
                            </div>
                        {% endif %}
                    </div>
                {% else %}
                    <div class="question-answer-container">
                        <div class="question-box">
                            <div class="question-icon">
                                {% if ficheOutil.icone1 %}
                                    <img src="{{ asset(ficheOutil.icone1) }}" alt="" class="img-fluid" width="80" onerror="this.onerror=null;this.src='{{ asset('images/docteur.svg') }}';">
                                {% else %}
                                    <img src="{{ asset('images/docteur.svg') }}" alt="" class="img-fluid" width="80" onerror="this.style.display='none'">
                                {% endif %}
                            </div>
                            <div class="question-content">
                                {{ ficheOutil.question|e('html')|nl2br }}
                            </div>
                        </div>

                        <div class="answer-box">
                            <div class="answer-content">
                                {{ ficheOutil.reponse|e('html')|nl2br }}
                            </div>
                            <div class="answer-icon">
                                {% if ficheOutil.icone2 %}
                                    <img src="{{ asset(ficheOutil.icone2) }}" alt="" class="img-fluid" width="80" onerror="this.onerror=null;this.src='{{ asset('images/assurance-maladie.svg') }}';">
                                {% else %}
                                    <img src="{{ asset('images/assurance-maladie.svg') }}" alt="" class="img-fluid" width="80" onerror="this.style.display='none'">
                                {% endif %}
                            </div>
                        </div>
                    </div>
                {% endif %}

                {% if ficheOutil.informationsComplementairesType != 'aucun' %}
                    <div class="info-section">
                        <h2 class="info-title">Où trouver des informations complémentaires ?</h2>
                        <p class="info-content">
                            {{ ficheOutil.informationsComplementairesContenu|clickable_urls|nl2br|raw }}
                        </p>
                    </div>
                {% endif %}

                {% if ficheOutil.facturationType != 'aucun' %}
                    <div class="info-section">
                        <h2 class="info-title">Facturation :</h2>
                        <p class="info-content">{{ ficheOutil.facturationContenu|clickable_urls|nl2br|raw }}</p>
                    </div>
                {% endif %}

                {% if ficheOutil.definitionType != 'aucun' %}
                    <div class="info-section">
                        <h2 class="info-title">Définition :</h2>
                        <p class="info-content">{{ ficheOutil.definitionContenu|clickable_urls|nl2br|raw }}</p>
                    </div>
                {% endif %}
                {% if ficheOutil.type.value == 'standard' %}
                </div>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}