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

{% block title %}Association TAM : Équipe{% endblock %}

{% block body %}
    <main>
        {% include "partials/_left_banner.html.twig" %}
            <section class="team section">
                {% if rubricInfo.title is not empty or rubricInfo.getGalleryImage.path is defined or rubricInfo.text is empty %}
                <section>
                    <h1 class="section__title">{{ rubricInfo.title }}</h1>
                    {% if rubricInfo.getGalleryImage is not empty %}
                    <img  class="section__image" src="{{ asset(rubricInfo.getGalleryImage.path) }}" alt="{{ rubricInfo.getGalleryImage.alt }}">
                    {% endif %}
                    <div class="subsection__text">{{ rubricInfo.text|quill_html|raw }}</div>
                </section>
                {% endif %}

                <section class="team__board subsection">
                    {% for role in roles %}
                        <div class="{{role.name === 'president' ? 'president' : ''}}">
                            <h2 class="subsection__title">{{ role.name }}</h2>
                                <div class="{{role.name !== 'president' ? 'team__container' : ''}}">
                                    {% for member in role.members %}

                                        {% set tag = role.name == 'president' ? 'a' : 'div' %}

                                            <{{ tag }}
                                                class="team__card"
                                                {% if tag == 'a' %}
                                                    href="{{ path('app_eulogy') }}"
                                                {% endif %}
                                            >

                                                <img src="{{ member.image ? asset(member.image) : asset('images/team/default-user-picture.png') }}" alt="{{ [member.firstname, member.lastname]|join }}">
                                                <div class="team__card__text">
                                                    <h3 class="team__card__name">{{ member.firstname }} {{ member.lastname }}</h3>
                                                    <p class="team__card__bio">{{ member.presentation|raw }}</p>
                                                </div>

                                            </{{ tag }}>

                                    {% endfor %}
                                </div>
                        </div>
                    {% endfor %}
                </section>

                {% for teamSection in teamSections %}

                <section class="subsection">
                    {% if teamSection.title is not empty %}
                        <h2
                            class="subsection__title {{ teamSection.aside|default ? 'subsection__title-grid' : '' }}">
                            {{ teamSection.title }}
                        </h2>
                    {% endif %}
                    <div>
                    <div class="subsection__text">{{ teamSection.text|quill_html|raw }}</div>
                    </div>
                    {% if teamSection.aside is not empty %}
                        <aside class="subsection__quote {{ teamSection.leftSide ? 'left' : '' }}">
                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewbox="0 -960 960 960" width="24px" fill="currentColor"><path d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm457-560 21-89-71-59 94-8 36-84 36 84 94 8-71 59 21 89-80-47-80 47ZM480-481Z"/></svg>
                            <blockquote>"{{ teamSection.aside }}"</blockquote>
                        </aside>
                    {% endif %}
                </section>

                {% endfor %}
            </section>
        {% include "partials/_right_banner.html.twig" %}
    </main>
{% endblock %}