{% 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">{{ post.title | bilingual(current_language) }}</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>

            {% if images %}
                <div class="labo-images">
                    {% for img in images %}
                        <figure class="labo-image">
                            <img src="{{ img.url }}" alt="{{ img.alt }}" loading="lazy">
                            {% if img.title %}
                                <figcaption>{{ img.title }}</figcaption>
                            {% endif %}
                        </figure>
                    {% endfor %}
                </div>
            {% endif %}

            <div class="article-content">

                {% if liens %}
                    <div class="sidebar">
                        <div class="sidebar-container">
                            <div class="sidebar-section">
                                {% for lien in liens %}
                                    <a href="{{ lien.url }}" class="link-button">{{ lien.title }}</a>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                {% endif %}

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

                    {% if current_language == 'en' and body_en %}
                        {{ body_en|raw }}
                    {% else %}
                        {{ post.content }}
                    {% endif %}

                    {% if axes_groups %}
                        <div class="labo-dropdowns">
                            {% for group in axes_groups %}
                                <div class="labo-dropdown-item">
                                    <h3 class="labo-dropdown-header" data-seance-toggle>
                                        {{ group.label }}
                                        <i class="iconoir-nav-arrow-down labo-dropdown-chevron"></i>
                                    </h3>
                                    <div class="labo-dropdown-content" style="display: none;">
                                        <ul class="labo-axes-list">
                                            {% for axe in group.terms %}
                                                <li><a href="{{ axe.url }}">{{ axe.name | bilingual(current_language) }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    {% endif %}

                    {% if partenaires_internationaux or partenaires_nationaux %}
                        <section class="labo-section">
                            <h3>{{ current_language == 'en' ? 'Partner institutions' : 'Institutions partenaires' }}</h3>
                            <div class="labo-dropdowns">
                                {% if partenaires_internationaux %}
                                    <div class="labo-dropdown-item">
                                        <h4 class="labo-dropdown-header" data-seance-toggle>
                                            {{ current_language == 'en' ? 'International partners' : 'Partenaires internationaux' }}
                                            <i class="iconoir-nav-arrow-down labo-dropdown-chevron"></i>
                                        </h4>
                                        <div class="labo-dropdown-content" style="display: none;">
                                            {{ partenaires_internationaux|raw }}
                                        </div>
                                    </div>
                                {% endif %}
                                {% if partenaires_nationaux %}
                                    <div class="labo-dropdown-item">
                                        <h4 class="labo-dropdown-header" data-seance-toggle>
                                            {{ current_language == 'en' ? 'National partners' : 'Partenaires nationaux' }}
                                            <i class="iconoir-nav-arrow-down labo-dropdown-chevron"></i>
                                        </h4>
                                        <div class="labo-dropdown-content" style="display: none;">
                                            {{ partenaires_nationaux|raw }}
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                        </section>
                    {% endif %}

                    {% if bibliotheques %}
                        <section class="labo-section">
                            <h3>{{ current_language == 'en' ? 'Libraries' : 'Bibliothèques' }}</h3>
                            <div class="labo-bibliotheques">
                                {{ bibliotheques|raw }}
                            </div>
                        </section>
                    {% endif %}

                </div>
            </div>

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