{% extends "base.twig" %}

{% block content %}
    <div class="full-block hero-header">
        <div class="hero-content">
            <div class="hero-logos">
                <a href="https://www.cnrs.fr/" target="_blank">
                    <img src="{{ theme.uri }}/assets/images/cnrs.png" alt="Logo CNRS">
                </a>
                <a href="https://www.sorbonne-nouvelle.fr/" target="_blank">
                    <img src="{{ theme.uri }}/assets/images/sorbonne.png" alt="Logo Sorbonne Nouvelle">
                </a>
                <a href="https://www.ens.psl.eu/" target="_blank">
                    <img src="{{ theme.uri }}/assets/images/ens.png" alt="Logo ENS">
                </a>
            </div>
            <p class="hero-presentation">
                {{ gc.presentation }}
            </p>
            <p class="hero-presentation-detail">
                {{ gc.presentation_detail }}
            </p>
            <a href="{{ current_language == 'en' ? function('home_url', '/en/le-laboratoire/') : function('home_url', '/le-laboratoire/') }}" class="link-button">
                {{ current_language == 'fr' ? 'En savoir plus' : 'Learn more' }}
            </a>
        </div>
        <div id="sketch"></div>
    </div>

    {% include 'partials/swiper-section.twig' with {
        section_posts: annonces,
        section_cards: annonces_cards,
        section_title: current_language == 'en' ? 'Announcements' : 'Annonces',
        all_link:      annonces_link,
        all_label:     current_language == 'en' ? 'All announcements' : 'Toutes les annonces'
    } %}

    {% if messages_labo or agenda_items %}
    <section class="message-agenda-section">
        {% if messages_labo %}
        <div class="message-du-labo">
            <div class="section-title">
                <p>{{ current_language == 'en' ? 'Laboratory messages' : 'Messages du laboratoire' }}</p>
            </div>
            <div class="messages-list">
                {% for message in messages_labo %}
                <div class="message-item">
                    <time class="message-date" datetime="{{ message.date('Y-m-d') }}">{{ message.date('d/m/Y') }}</time>
                    <div class="message-content">
                        {{ message.content | raw }}
                        <a href="{{ message.link | en_url }}" class="message-read-more">
                            {{ current_language == 'en' ? 'Read more' : 'Lire la suite' }} →
                        </a>
                    </div>
                </div>
                {% endfor %}
            </div>
            <div class="button-messages">
                <a href="{{ message_labo_link }}" class="link-button">
                    {{ current_language == 'en' ? 'All laboratory messages' : 'Tous les messages du laboratoire' }}
                </a>
            </div>
        </div>
        {% endif %}
        {% if agenda_items %}
        <div class="agenda">
            <div class="section-title">
                <p>{{ current_language == 'en' ? 'Upcoming' : 'À venir' }}</p>
            </div>
            <div class="agenda-content">
                {% for item in agenda_items %}
                <a href="{{ item.link | en_url }}" class="agenda-item">
                    <div class="date-container">
                        <p>{% if item.day == 1 %}1<sup>{{ current_language == 'en' ? 'st' : 'er' }}</sup>{% else %}{{ item.day }}{% endif %}</p>
                        <p>{{ item.month }}</p>
                    </div>
                    <div class="event-content">
                        <div class="meta">
                            {% if item.type_label %}<p>{{ item.type_label }}</p>{% endif %}
                            {% if item.lieu %}<p>{{ item.lieu }}</p>{% endif %}
                        </div>
                        <div class="event-title">
                            <p>{{ item.post.title | bilingual(current_language) }}</p>
                        </div>
                    </div>
                </a>
                {% endfor %}
            </div>
            <div class="button-agenda">
                <a href="{{ manifestations_link }}" class="link-button">
                    {{ current_language == 'en' ? 'All events' : 'Tous les événements' }}
                </a>
            </div>
        </div>
        {% endif %}
    </section>
    {% endif %}

    {% include 'partials/swiper-section.twig' with {
        section_posts: publications,
        section_cards: publications_cards,
        section_title: current_language == 'en' ? 'Books & journals' : 'Ouvrages et Revues',
        all_link:      publications_link,
        all_label:     current_language == 'en' ? 'All publications' : 'Toutes les publications'
    } %}

    {% if has_tags %}
    <section class="keyword-cloud">
        <div id="keyword-container"></div>
    </section>
    {% endif %}

    <div class="quick-links">
        <ul>
            <li>
                <a href="{{ quick_links.agenda }}">
                    <p>Agenda</p>
                    <i class="iconoir-calendar"></i>
                </a>
            </li>
            <li>
                <a href="{{ quick_links.contacts }}">
                    <p>Contacts</p>
                    <i class="iconoir-mail"></i>
                </a>
            </li>
            <li>
                <a href="{{ quick_links.newsletter }}">
                    <p>Newsletter</p>
                    <i class="iconoir-message-text"></i>
                </a>
            </li>
        </ul>
    </div>
{% endblock %}