{% extends "base.twig" %}

{% block content %}
    <div class="article category--le-laboratoire">
        <div class="full-block">

            <div class="category-header-top">
                <nav class="breadcrumb" aria-label="Fil d'Ariane">
                    <a href="{{ function('home_url', '/') }}">{{ current_language == 'en' ? 'Home' : 'Accueil' }}</a>
                    <span class="breadcrumb__separator">&rarr;</span>
                    <a class="breadcrumb__cat" href="{{ current_language == 'en' ? function('home_url', '/en/le-laboratoire/') : function('home_url', '/le-laboratoire/') }}">{{ current_language == 'en' ? 'The department' : 'Le laboratoire' }}</a>
                    <span class="breadcrumb__separator">&rarr;</span>
                    <span class="breadcrumb__current">{{ current_language == 'en' ? 'Research programs' : 'Programmes de recherche' }}</span>
                </nav>
                {% if page_edit_link %}
                    <a href="{{ page_edit_link }}" class="link-button" target="_blank" rel="noopener">
                        <i class="iconoir-edit-pencil"></i>{{ current_language == 'en' ? 'Edit page' : 'Éditer la page' }}
                    </a>
                {% endif %}
            </div>

            <h2><p>{{ post.title | bilingual(current_language) }}</p></h2>

            <div class="article-content">
                <div class="main-content-text">

                    {% for section in sections %}
                        {% if section.items %}
                            <section class="labo-section">
                                <h3>{{ section.label }}</h3>
                                <div class="labo-dropdowns">
                                    {% for programme in section.items %}
                                        <div class="labo-dropdown-item">
                                            <h4 class="labo-dropdown-header" data-seance-toggle>
                                                {{ programme.name }}
                                                <i class="iconoir-nav-arrow-down labo-dropdown-chevron"></i>
                                            </h4>
                                            <div class="labo-dropdown-content" style="display: none;">
                                                {% if programme.description %}
                                                    <div class="programme-description">{{ programme.description|raw }}</div>
                                                {% endif %}
                                                <div class="programme-link">
                                                    <a href="{{ programme.url }}" class="link-button">
                                                        <i class="iconoir-open-new-window"></i>{{ current_language == 'en' ? 'View programme' : 'Voir le programme' }}
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </section>
                        {% endif %}
                    {% endfor %}

                </div>
            </div>

        </div>
    </div>
{% endblock %}