{#
    About page - "L'équipe" section

    Parameters:
    - content (array): raw locale content, `equipeText`/`equipeImage` fields
    - editMode (bool)
#}
<section class="about-equipe">
    <div class="about-equipe__row">
        <div class="about-equipe__col">
            <p class="about-equipe__title">L&rsquo;équipe</p>

            <div class="about-equipe__body-row">
                <span class="about-equipe__divider" aria-hidden="true"></span>
                {% if (content.equipeText is defined and content.equipeText) or editMode|default(false) %}
                    <div class="about-equipe__body"{% if editMode|default(false) %} data-editable="true" data-field="equipeText" data-placeholder="Texte de présentation de l'équipe"{% endif %}>{{ content.equipeText|default('')|raw }}</div>
                {% endif %}
            </div>
        </div>

        <div class="about-equipe__image{% if editMode|default(false) and not (content.equipeImage|default(false) or content.equipeImageDark|default(false)) %} is-empty-image{% endif %}"{{ image_frame_attrs(content|default({}), 'equipeImage', editMode|default(false)) }}{% if editMode|default(false) %}
            data-editable-image="true"
            data-field="equipeImage"
            data-media-id="{{ content.equipeImage|default('') }}" data-media-id-dark="{{ content.equipeImageDark|default('') }}"{% endif %}>
            {% if editMode|default(false) and not (content.equipeImage|default(false) or content.equipeImageDark|default(false)) %}
                <span class="editable-image__placeholder">
                    <span class="editable-image__placeholder-icon">+</span>
                    <span class="editable-image__placeholder-label">Ajouter une image</span>
                </span>
            {% endif %}
            {% include 'components/_themed_img.html.twig' with {light: equipeImagePath|default(''), dark: equipeImageDarkPath|default(''), alt: '', class: 'about-equipe__img'} only %}
        </div>
    </div>
</section>