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

{% block title %}Parcours Connect - Guide des outils{% endblock %}

{# Contexte header: titre spécifique, couleur neutre, pas de logo parcours #}
{% block public_header_context %}{% endblock %}

{% block public_header_title %}GUIDE DES OUTILS{% endblock %}

{# Navbar vide (structure présente, aucun item) #}
{% block public_header %}
    {% include 'partials/_public_header.html.twig' with { show_empty_menu_fallback: false } only %}
{% endblock %}

{% block content %}
    <div class="main-content home-layout">
        <div class="left-content">
            <div class="doctor-patient-image"></div>
        </div>

        <div class="right-sidebar">
            <div class="pathology-list">
                <h3 class="cabin-bold-font">Pathologies</h3>

                {% set pathologyCount = 0 %}
                {% for parcours in parcours %}
                    {% if parcours.isOnline %}
                        {% set pathologyCount = pathologyCount + 1 %}
                        <div class="pathology-item cabin-regular-font">
                            <a href="{{ path('app_parcours_show', {'id': parcours.id}) }}">
                                <i class="fas fa-arrow-right"></i>
                                {{ parcours.nom }}
                            </a>
                        </div>
                    {% endif %}
                {% endfor %}

                {% if pathologyCount == 0 %}
                    <div class="pathology-item">
                        <span>Aucun parcours disponible</span>
                    </div>
                {% endif %}
            </div>
        </div>

        <div class="contact-button-container">
            <a href="{{ path('app_contact') }}" class="contact-button">
                <i class="fas fa-envelope"></i>
                <span>Contactez-nous</span>
            </a>
            <p class="contact-subtitle">Une question ? Besoin d'aide ?</p>
        </div>
    </div>
{% endblock %}