{% extends 'Layout/layout.html.twig' %}

{% block title %}TIMEPAC ACADEMY: Lecturers{% endblock %}

{% block nav_lecturers %} active {% endblock %}

{% block content %}

<section class="l-container">
    <div class="l-container__item">
        <h2 class="title-section">{% trans %}Lecturers{% endtrans %}</h2>

        <div class="lecturers">
            <h4 class="lecturers__type lecturers__type--first">{% trans %}Partners involved{% endtrans %}</h4>

            <div class="lecturers__carrousel">
                {% for partner in partners %}
                    <a href="{{ path('show-lecturer', {'slug': partner.slug}) }}">
                        <article class="c-card-personal">
                            <div class="c-card-personal__header">
                                <img class="c-card-personal__image" src="{{ asset('materials/'~partner.picture)}}"/>
                            </div>

                            <div class="c-card-personal__body">
                                <span class="c-card-personal__institution">{{ partner.partner }}</span>
                                <h5 class="c-card-personal__name">{{ partner.name }} {{partner.lastname}}</h5>
                                <p class="c-card-personal__position d-none">{% trans %}Position{% endtrans %} {{ partner.orderList }}</p>
                            </div>
                        </article>
                    </a>
                {% endfor %}
            </div>
        </div>
    </div>
</section>

<section class="l-container l-container--min-color">
    <div class="l-container__item">

        <div class="lecturers">
            <h4 class="lecturers__type">{% trans %}Guest experts{% endtrans %}</h4>

            <div class="lecturers__carrousel">
                {% for guest in guests %}
                    <a href="{{ path('show-lecturer', {'slug': guest.slug}) }}">
                        <article class="c-card-personal">
                            <div class="c-card-personal__header">
                                <img class="c-card-personal__image" src="{{ asset('materials/'~guest.picture)}}"/>
                            </div>

                            <div class="c-card-personal__body">
                                <span class="c-card-personal__institution">{{ guest.partner }}</span>
                                <h5 class="c-card-personal__name">{{ guest.name }} {{guest.lastname}}</h5>
                                <p class="c-card-personal__position">{% trans %}Position{% endtrans %}</p>
                            </div>
                        </article>
                    </a>
                {% endfor %}
            </div>
        </div>
    </div>
</section>

{% endblock %}